在Javascript中添加带引号的变量到字符串

Question

这可能是愚蠢的简单，但我无法弄清楚。

我在javascript中构建一个字符串

var template = '<div class="big-long-string-here">';

现在工作正常，但说我想用这个div使用ng-class。

var template = '<div class="big-long-string-here" ng-class="{'open' : navCollapsed}">

现在，我正在转义字符串以放置我的类名，在字符串中打开。

我如何正确传递它，以便在DOM中正确呈现？

Answer 1

使用字符串连接。

var template = '<div class="big-long-string-here" ng-class="{' + open + ' : navCollapsed}">

Answer 2

您可以使用模板文字

var template = `<div class="big-long-string-here" ng-class='{"open" : "navCollapsed"}'>`;

如果navCollapsed是变量标识符

var template = `<div class="big-long-string-here" ng-class='{"open" : ${navCollapsed}}'>`;

Answer 3

$templateCache.put('udt-toolbar.html', '<div ng-class="{{datatable.config.name ? \'your-class\' : \' \'}}" name="udt-toolbar" class="button-toolbar-main clearfix"></div>');

这是怎么解决的。