angularjs – 如何在多个控制器中重用一个函数

发布时间：2020-12-17 07:52:43 所属栏目：安全来源：网络整理

导读：我有多个路由器的多个控制器： app.controller('FirstController',function ($scope) { $scope.func = function () { console.log('route 1'); }}app.controller('SecondController',function ($scope) { $scope.func = function () { console.log('route 2'

我有多个路由器的多个控制器：

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!