从ng-bind和其他指令调用服务方法

时间:2015-11-05 11:27:47

标签: angularjs

我在许多控制器中重复了许多功能,现在我只是将其复制并粘贴到那里,但我想要的是创建一个全局功能并在所有控制器中注入和调用它。

例如:

<div ng-bind="mycustomreturn(scopeVal)"></div>

这是在服务或根范围内执行此操作的最佳方式我不希望我的根范围非常大所以请建议我们是否可以通过服务来实现

TIA

1 个答案:

答案 0 :(得分:0)

以角度分享数据的最佳方式是使用服务:

angular.module('test', []).service('MyService', function() {

  this.mycustomreturn = function() {}

})
.controller(function(MyService) {

  // you have two ways

  //One:
  $scope.MyService = MyService;
  // and the view will be:
  //<p>{{MyService.mycustomreturn()}}</p>

  //Two:
  $scope.mycustomreturn = MyService.mycustomreturn();
  // and the view will be:
  //<p>{{mycustomreturn}}</p>

});