javascript - 将绑定传递给 Angular 组件中的 TemplateUrl

Question

我的组件对象如下所示：

var options = {
    bindings: {
        title: '<',
        rows: '<'
    },
    controller: registers,
    templateUrl: function ($element, $attrs) {
        return '/app/dashboard/registers/register.html';
    }
};

我需要访问绑定title和rows我的register.html标记。我理解$element，$attrs但我不太确定如何将它注入到一个对 HTML 文件的字符串引用的 templateUrl 中。

我希望能够在模板中使用这些值：

<p>Title: {{vm.title}}</p>
<p>Rows: {{vm.rows}}</p>

有人可以指出我的模板Url 可以使用花括号将绑定的值嵌入到标记中的方向吗？

Answer 1

它与templateUrl功能无关，不应在那里执行额外的操作。

如果未controllerAs指定选项，控制器标识符默认为$ctrl，而不是vm。范围属性应该在模板中可用

<p>Title: {{$ctrl.title}}</p>
<p>Rows: {{$ctrl.rows}}</p>

这是一个演示（感谢@AWolf）。