javascript - Angularjs 应用程序中的 `Uncaught SyntaxError: Unexpected string`

Question

app.js是:

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

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

上述name一项服务，我将其注入(inject)到上述指令中。上面的代码工作正常，数据都显示在 console 中和web page 。

但是

替换template: $name时出现错误与 template: '<h1>'.$name.'</h1>' 。我得到的错误是这样的:

Uncaught SyntaxError: Unexpected string

因此，如果我无法连接名为 $name 的字符串就像<h1>那样标签，那么我该如何在 DDO 中做到这一点？ ？

注意:上面给出的代码绝对不是完整的代码，它只是我遇到问题的部分。还有名为 name 的服务通过使用 value 声明/定义/创建(或任何名称)功能。

Answer 1

JS 中的串联是通过 + 符号完成的。

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