角度，如何在ng重复之前将控制器分配给标记

谁能告诉我是否可以在ng-repeat做他的事情之前将指令中的控制器分配给标记？

下面的代码只是我想做的一个例子

<body ng-app="App">
<div my-t>
  <div ng-repeat="obj in List">
    {{obj.Name}}
  </div>
</div>

angular.module('App',[])
.directive('myT',[function(){
    return {
        replace : true,
        transclude : true,
        template : '<div ng-controller="listCtrl"><div ng-transclude></div></div>'
    };
}])
.controller('listCtrl', ['$scope', function($scope){
    $scope.List = [
        {Name: 'a'},{Name: 'b'}
    ];
}]);

普伦克

问题是，当我的指令更改模板时，为 ng 控制器分配 ng-repeat 已经编译，因此它不会显示任何数据。将ng控制器移动到标记不是一种选择。

最好。

您还可以将

控制器放入指令中，使用 controller: 'listCtrl' ，然后还可以从模板中删除ng-controller。

<div my-t>
  <div ng-repeat="obj in List">
    {{obj.Name}}
  </div>
</div>

控制器

angular.module('App',[])
.directive('myT',[function(){
    return {
        restrict: 'A',
        replace : true,
        transclude : true,
        template : '<div><div ng-transclude></div></div>',
        controller : 'listCtrl'
    };
}])
.controller('listCtrl', ['$scope', function($scope){
    $scope.List = [
        {Name: 'a'},{Name: 'b'}
    ];
}]);

相关内容

最新更新

热门标签：