使用下面的UpdateController.js文件:
(function () {
var app = angular.module("app", []).controller ('UpdateController', function($scope, $http) {
var onUpdatesComplete = function (response) {
$scope.updates = response.data;
};
$http.get("//*******/api/Update/GetUpdates")
.then(onUpdatesComplete);
});
}());
我想用来自数据库的更新列表填充下面的div:
<div class="row" style="margin: 0;">
<div class="col-lg-12 col-xs-12 updates">
<span style="font-size: 24px;">Latest Updates</span>
<hr style="margin-top: 10px; border: 1px solid #cccccc;"/>
<div id="updateContainer">
<div class='media' ng-repeat="u in updates">
<a class='pull-left' href='#'>
<img class='media-object' src='images/updates/logo48.png' alt='logo'/>
</a>
<div class='media-body'>
<h5 class='media-heading'>
<a href='#'>" + {{u.Title}} + "</a>
<br/>
<small>" + {{u.Subtitle}} + " " + {{u.PostingDate}} + "</small>
</h5>" + {{u.PostingText}} + "
</div>
</div>
</div>
</div>
</div>
问题是,当我使用Chrome加载页面并进行控制台调试时,出现以下错误:
GET http://*********/api/Update/GetUpdates net::ERR_NAME_NOT_RESOLVED
对该问题进行粗略搜索不会产生太多信息。如果有人能对此问题有所启发,我将不胜感激。
最佳答案
对于api查询,请使用$ http.jsonp(url)