我是 AngularJS 编程的新手,我写了一些代码,我没有收到任何错误,在控制台中它给了我我想要的东西,但它没有显示在网页上。我正在尝试进行 2 个 HTTP 调用,get 和 post,get 显示列表中的所有元素,post 添加此列表中的元素。它们正在工作,但是当我尝试列出所有元素时,它没有向我显示任何内容:(
这是我的代码:
dataContext.js
(function () {
'use strict';
angular.module('app').service('dataContext', ['httpService', function (httpService) {
var service = {
getAllUsers: getAllUsers,
addUser: addUser,
saveMessage: saveMessage
};
function getAllUsers() {
return httpService.get("api/users");
}
function addUser(name) {
return httpService.post("api/users", { name: name });
}
dashboard.js
(function () {
'use strict';
angular.module('app').controller("dashboardController", ['dataContext', function (dataContext) {
var vm = this;
vm.getUser = function () {
dataContext.getAllUsers().then(
function (response) {
alert(response.data[0].Name);
},
function (error) {
console.log(error);
}
);
};
vm.postUser = function () {
dataContext.addUser(vm.username).then(
function (response) {
alert("User, " + vm.username + " was added!");
},
function (error) {
console.log(error);
}
);
};
})();
httpService.js
(function () {
'use strict';
angular.module('app').service('httpService', ['$http', '$q', 'backendConfig', function ($http, $q, backendConfig) {
var service = {
get: get,
post: post
};
function get(path) {
var deferred = $q.defer();
$http.get(backendConfig.url + path).then(
function (response) {
deferred.resolve(response);
},
function (err, status) {
deferred.reject(err);
}
);
return deferred.promise;
}
function post(path, data) {
var deferred = $q.defer();
$http.post(backendConfig.url + path, data).then(
function (response) {
deferred.resolve(response);
},
function (err, status) {
deferred.reject(err);
}
);
return deferred.promise;
}
return service;
}]);})();
和我的dashboard.html
<div ng-controller="dashboardController as vm">
<button ng-click="vm.getUser()">Get</button>
<button ng-click="vm.postUser()">Post</button>
<input ng-model="vm.username" />
<ul>
<li ng-repeat="obj in vm.users">{{obj.Name}}</li>
</ul>
列表的名称是用户,我有一个带有字符串名称的用户类,一切都应该是正确的,但我不知道为什么它不起作用。任何帮助都会很棒
谢谢
最佳答案
替换
alert(response.data[0].Name);
与
vm.users = response.data;
关于javascript - 列出 AngularJS 中使用 $http.get 创建的列表中的所有元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51173044/