AngularJS自定義指令嵌套配置

在JSF（我知道，呸，老的JavaEE架構），你可以爲他們的一個指令的概念巢配置 - 例如說：AngularJS自定義指令嵌套配置

<dataTable> 
    <header> 
     <column name="firstName" /> 
     <column name="lastName" /> 
    </header> 
</dataTable>

等。但是，當我創建一個角度指令，我只能訪問屬性（除非我輸入另一個必須呈現的指令）。相反，我只想使用xml來通知單個指令的配置。這是可能的，我在哪裏可以找到一個例子？

來源

2016-05-18 Core

能不能請你解釋一下你正在嘗試做的？我不明白這部分「相反，我只是想使用xml中包括告知單指令的配置」 – MayK

肯定，所以在我的例子中，指令是'dataTable'。在該指令js中，我想將所有子標籤讀入數組中：所以以某種方式檢索sub xml爲：{column [{name：'firstName'}，{name：'lastName'}]}} dataTable指令。我的例子很簡單，但我希望sub xml是任意的。 – Core

你想用子標籤做什麼？ – MayK

這是你的指令：

angular.module('app').directive('dataTable', function() { 
     return { 
     restrict: 'E',  
     replace: true, 
     scope: { 
      name: "=", 

     }, 
      templateUrl: 'dataTable.html', 
      controllerAs: "dataTableCtrl", 
      controller: function($scope) { 

      } 
     }; 
    });

這是你的dataTable.html ..你可以更改HTML並呈現你想要的東西

<div>{{name.firstName}}</div> 
<div>{{name.lastName}}</div>

舉例來說如果我有其他指令我想用

<column name="name.firstName"></column> 
<column name="name.lastName"></column>

這就是你如何打電話給你的指令

<data-table name="name"> </data-table>

來源

2016-05-18 15:39:51 MayK

AngularJS自定義指令嵌套配置

回答

相關問題