Question

我的组件对象如下所示：

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

我需要访问title标记中的绑定rows和register.html。我理解$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

1 个答案: