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

Question

我的组件对象如下所示:

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

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

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

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

有人可以指出 templateUrl 可以使用大括号将绑定(bind)值嵌入到标记中的方向吗？

Answer 1

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

如果未指定 controllerAs 选项，则 Controller 标识符 defaults to $ctrl ，而不是 vm。范围属性应该在模板中可用，如

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

这是一个demo这表明了这一点(感谢@AWolf)。