Question

让我们举例说，我有这个控制器：

    function MainController() {

         var self = this;

         self.employee = {
             name: 'Travis Libby',
             occupation: 'Frontend Engineer'
         };

    }

我已经定义了这个指令：

    angular
        .module('myApp')
        .directive('employeeCard', function() {
            return {
                restrict: 'AEC',
                template: '<strong>{{ main.employee.name }}</strong>'
            }
    });

我的HTML：

    <body ng-controller="MainController as main">

        <employee-card></employee-card>

    </body>

通过使用控制器作为语法，我现在必须在指令本身内引用我的控制器的别名。这种模式不会破坏自定义指令的意义吗？那么我如何在任何其他控制器中使用这个自定义指令呢？

Answer 1

一种方法是使用隔离范围并传入div:focus { background: red; } <div id="or1">Orange</div> <div id="or2">Mango</div> <div id="or3">Banana</div> <div id="or4">Pear</div>

employee

JS

<employee-card employee="main.employee"></employee-card>

我应该如何使用控制器作为角度指令的语法？

1 个答案: