Angular.js directive template: break line

Question

Assuming I have this demo directive:

app.directive('name', function(){
    return{
        restrict: 'E',
        template: '<div ng-class="done" ng-click="doSomething(data.done, index)">{{data.text}}<button ng-click="remove(index)">delete</button></div>'  
    }
});

Is it ok just to break the string for the template, or should I add "+" or something in the end of each line? e.g. -

app.directive('name', function(){
    return{
        restrict: 'E',
        template: '<div ng-class="done" ng-click="doSomething(data.done, index)">
                       {{data.text}}
                       <button ng-click="remove(index)">delete</button>
                   </div>'
    }
});

Thank you :)

have you considered using templateUrl and putting your html inside of an .html file? — Michael Kang
– Michael Kang, Commented Jan 21, 2015 at 2:34
Well it's really simple in my case, so no. Just thought about this scenario in general :) — FED
– FED, Commented Jan 21, 2015 at 2:52

Community · Accepted Answer · 2017-05-23 12:20:35Z

2

You can't break lines in single quotes without getting an error. You can use double quotes, but that's not recommended in strict JavaScript mode. Probably best to use one string per line with a + at the end, creating the result

Notes on double quotes: line breaks using javascript strings

It's probably better to use a templateUrl if the template is going to get more complicated.

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jan 21, 2015 at 2:07

Peter Ashwell

4,3022 gold badges20 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Angular.js directive template: break line

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related