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

Question

我的组件对象如下所示：

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

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

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

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

谁能指出 templateUrl 可以使用大括号将绑定值嵌入到标记中的方向？

Answer 1

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

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

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

这里有一个 demo 显示了这一点（感谢@AWolf）。

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

Pass bindings to TemplateUrl in Angular's component

javascript

angularjs

angularjs-components