javascript - 以 Controller 为语法的多个 angularjs 指令实例

Question

我正在使用带有 controllerAs 语法的指令。我想使用该指令的 2 个实例，它们都需要非共享数据。我的问题，似乎只有 Controller 实例。

似乎可以选择向指令声明添加范围:{}。但是我会被迫使用基于范围的访问吗？

或者是否有任何其他方法仍然使用 controllerAs/this 语法并强制 angular 创建 2 个不同的 Controller 对象？

app.directive('createA', function() {
    return {
        restrict : 'E',
        templateUrl : '/template/createActivity',

        // using this to create 2 distinct scopes 
        // but then I can't use the this/caCtrl.data syntax?
        scope      : {},

        controller : function($scope, $rootScope) {

            // using this syntax to access data 
            // in tempate like {{ caCtrl.data }}
            this.data = '123';
        },
        controllerAs : 'caCtrl'

    };
});

Answer 1

我相信您正在寻找的是指令的 bindToController 属性。查看此博客文章 http://blog.thoughtram.io/angularjs/2015/01/02/exploring-angular-1.3-bindToController.html