本地人可以用ng-controller注入控制器组吗?

时间:2013-02-26 07:30:39

标签: javascript angularjs

参考下面的示例,有没有办法使用myCtrl而不是myCtrl2,将参数作为本地传递而不是附加到$ scope?

$controller服务完全执行包装现有控制器所需的操作,但无法从模板访问它。

<div ng-app>

  <script type="text/ng-template" id="/tpl.html">
    value of y: {{y}}
  </script>

  <div 
    ng-repeat='x in [1,2,3]' 
    ng-controller='myCtrl2'
    ng-include="'/tpl.html'">
  </div>

</div>
function myCtrl($scope, x){
  $scope.y = x * 20;
}

function myCtrl2($scope){
  $scope.y = $scope.x * 20;
}

http://jsfiddle.net/4Zmym/16/

1 个答案:

答案 0 :(得分:12)

我不能完全告诉你的问题你正在寻找什么,但你可能会尝试创建自己的指令(the ngController directive的修改版本)可以指定控制器注射:

app.directive('myController', function($controller) {
  return {
    scope: true,
    link: function(scope, elem, attrs) {
      var locals = scope.$eval(attrs.locals);
      angular.extend(locals, {$scope: scope});
      $controller(attrs.myController, locals);
    }
  };
});

您可以使用以下内容:

<div my-controller='MainController' locals='{x: "test", y: 42}'></div>

这是一个演示技巧的JsFiddle:http://jsfiddle.net/BinaryMuse/qBZZk/