gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 06:29:19 25 4
gpt4 key购买 nike

我的任务是用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com