代码之家 › 专栏 › 技术社区 › Sameer

在两个控制器中调用一个函数-AngularJS 1.x

angularjs javascript

Sameer · 技术社区 · 7 年前

我有两个控制器

const fetchApi = () => {
  console.log('fetching');
};

fetchApi();

我想在dashboard.controller.js中调用此函数,而无需在dashboard controller中再次编写相同的硬代码。

1 回复 | 直到 7 年前

Ashish Mehta 7 年前

var app = angular.module('myapp', []);

var fetchApi = function($scope){
   console.log("fetching");
};
fetchApi.$inject = ['$scope'];
app.controller('homeCtrl', fetchApi);
app.controller('dashboardCtrl', fetchApi);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="myapp">
<div ng-controller="dashboardCtrl"></div>
<div ng-controller="homeCtrl"></div>
</div>

编辑:注入服务

var app = angular.module('myapp', []);

var fetchApi = function($scope, RestService){
 console.log("fetching");
 RestService.getUser();
};
fetchApi.$inject = ['$scope', 'RestService'];
app.controller('homeCtrl', fetchApi);
app.controller('dashboardCtrl', fetchApi);

app.service('RestService', ['$http',
 function($http){
    this.getUser = function() {
        //$http api call
        console.log("get user");
    }
 }
])

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
    <div ng-app="myapp">
    <div ng-controller="dashboardCtrl"></div>
    <div ng-controller="homeCtrl"></div>
    </div>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前