AngularJS - 另一个指令和通信中的指令

时间:2016-01-12 12:03:38

标签: angularjs

我想为网格视图创建一些指令。

最后看起来应该是:

<grid-table columns="table.columns">
    <grid-table-header></grid-table-header>
    <grid-table-filters></grid-table-filters>
    <grid-table-content rows="users"></grid-table-content>
</grid-table>

所以 - 这里有一个主要指令 - 表和另一个表头(列名),过滤器(在表中搜索),表内容的可选指令。

并且...在主要指令(表格)中我有&#34;列&#34; field - 因为我想提供有关列的信息,并希望在子指令(标题,过滤器,内容)中使用此数据。

有可能吗?

1 个答案:

答案 0 :(得分:1)

是的,您可以通过控制器从父指令获取数据到子指令。

select cateogry
from t
group by category
having min(practicegroup) = max(practicegroup) and
       count(practicegroup) = count(*);

在Child指令中:

angular.module('example')
   .directive('gridTable', function () {
      return {
         scope: {
           'columns': '='
        },
         controller: ['$scope', function($scope) {
            this.getColumns = function() {
               return scope.columns;
            }
         }]
      }
   });

这里的关键是require属性。