我有多个路由器的多个控制器:
app.controller('FirstController',function ($scope) { $scope.func = function () { console.log('route 1'); } } app.controller('SecondController',function ($scope) { $scope.func = function () { console.log('route 2'); } } ...
和一个使用$scope.func的指令,这样:
app.directive('thedirective',function () { return { link: function (scope,$element,attrs) { $scope.func(attrs.thedirective); } } });
$scope.func在每个控制器中都不同.我希望$scope.func在route1中记录“route 1”,FirstController是当前控制器,在路由2中记录“route 2”,但只有“rout 1”是我在控制台得到的.请你告诉我为什么改变路线不会改变$指令的范围?
在AngularJS中,如果函数在控制器中常用.
最佳实践是使用服务或工厂,它将注入控制器.
app.factory('commonService',function ($scope) { var obj= {}; obj.func = function () { console.log('route 1'); } obj.func1 = function () { console.log('route 2'); } return obj; } app.controller('FirstController',function ($scope,commonService) { console.log('route 1' + commonService.func()); } app.controller('SecondController',commonService) { console.log('route 2' + commonService.func1()); }
当我们谈论指令时,指令的范围将是一个控制器,它是指令控制器或我们定义的外部控制器.
<div ng-controller="firstController"> <your-directive /> </div> <div ng-controller="secondController"> <your-directive /> </div>