Question

在JSF（我知道，yuck，旧的javaee框架）中，您可以为其指令概念嵌套配置 - 比如说：

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

等。但是，当我创建一个angular指令时，我只能访问属性（除非我转换另一个必须呈现内容的指令。）相反，我只想使用包含的xml来通知单个指令的配置。这可能吗，我在哪里可以找到一个例子？

Answer 1

这是你的指示：

    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>

AngularJS自定义指令的嵌套配置

1 个答案: