`Uncaught SyntaxError: Unexpected string` in Angularjs app

Question

app.js is:

directive('test', ['name', function ($name) {

                            return {/// DDO
                                template:'<h1>'.$name.'<h1>',
                                link: function () {
                                    console.log($name);
                                }
                            };
                        }]).

While above name a service, which I am injecting into above directive. Above code works fine and data shows up both in console and web page.

BUT

error occurs when I replace template: $name with template: '<h1>'.$name.'</h1>'. The error I get is this:

Uncaught SyntaxError: Unexpected string

So if I can't concatenate string named $name like that with <h1> tags then how do I do it there inside the DDO?

Note: Above given code is definitely not complete code, it's just the part I had problem with. Also service named name was declared/defined/created(or whatever it's called) by using value function.

Pedro M. Silva · Accepted Answer · 2015-11-02 21:59:05Z

2

Concatenation in JS is done with the + symbol.

directive('test', ['name', function ($name) {
    return {/// DDO
        template:'<h1>' + $name + '<h1>',
        link: function () {
            console.log($name);
        }
    };
}])

answered Nov 2, 2015 at 21:59

Pedro M. Silva

1,2982 gold badges12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anik Islam Abhi · Accepted Answer · 2015-11-02 22:01:36Z

1

To concat string in javascript you have to use +

like this

'<h1>'+$name+'</h1>'

concat string by . is in php not in javascript

answered Nov 2, 2015 at 22:01

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Collectives™ on Stack Overflow

`Uncaught SyntaxError: Unexpected string` in Angularjs app

BUT

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

BUT

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related