javascript - Controller 中功能的 Angular 更多功能

标签 javascript angularjs function

我的任务是用 Angular 发出一些 http 请求。我对 Angular 非常陌生,并且我热衷于应该如何完成该应用程序的具体规则。您能告诉我是否可以按照我所描述的方式进行操作,如果可以,如何操作?

在 View 中,我需要有几个按钮或常规链接来调用 Controller 中的函数。因此,我需要一个具有多个功能的 Controller ,并且我需要每个功能的数据仅在调用时才可用。我在 Controller 中的函数上做了:

(function() {
'use strict';

angular
    .module('userManager')
    .controller('userDataController', userDataController);


function userDataController(auth, $scope,$http){

    var vm = this;
    vm.loggedUser = auth;
    vm.allUsers=[];

    function allUsersGet() {
        $http({
            method: 'GET',
            url: 'http://localhost:3000/users/allUsers',
            headers: {
                'Content-Type': 'application/json'
            }
        }).then(function (response) {
            vm.allUsers = response.data;
        });
    }

}
})();

但我无法查看这些数据。谁能告诉我如何在 View 和数据打印中编写链接,以及我是否需要稍微更改 Controller 中的功能?

提前致谢

最佳答案

<div ng-controller="userDataController as userData" >
 <div ng-repeat="user in userData.allUsers">
   {{user}}
 </div>
</div>

要使用“this”绑定(bind)数据,可以使用上述方法。

关于javascript - Controller 中功能的 Angular 更多功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38510563/

相关文章:

php - PHP 的列表函数是如何工作的?

javascript - 如何使用动态长度链接 Promise 函数?

javascript - 如何在不更改 textContent 值的情况下将字符附加到 SVG 文本元素?

javascript - angular catch beforeinstallprompt 事件,添加到开发工具中的主屏幕 > 应用程序不执行任何操作

javascript - 使用 Angular JS 创建路线

javascript - $window .on ("scroll") 仅在调用它的最后一个指令中工作

python - 在Python类的另一个函数中获取函数变量

c++ - 在 C++ 中有什么方法可以确保在编译时没有在任何地方使用非模板函数?

javascript - AngularJS 中的指令和一次性绑定(bind)哪个更快?

javascript - Websocket Javascript 客户端 onmessage 不会触发