参考下面的示例,有没有办法使用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;
}
答案 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/