通行證綁定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）。