1
我是angularjs中的新成員,我試圖從視圖中的JSON文件加載數據。 JSON文件有一些使用li
的列表清單。但是我的觀點並沒有得到證實。無法從AngularJS的JSON文件中獲取數據
這裏是我的 '的index.html' 文件
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li ng-repeat="item in navbaritem.navigation">
<a class="{{ item.class }}" href="#" ng-href="{{ item.url }}">{{ item.title }}</a>
</li>
</ul>
</div>
這裏是我的controller.js
(function(){
var app = angular.module('myapp', []);
app.controller('mycntrl', function($scope, $http) {
$scope.navbaritem = [];
$http.get('pages/navbar.json').success(function(data) {
$scope.navbaritem = data;
}, function (err,data) {
if(err){
return console.log(err);
}
console.log(data);
});
});
});
這裏是我的 '頁/ navbar.json' 文件
{
"general":{
"logo":"images/logo.jpeg",
"name" : "Company Name"
},
"navigation":[
{
"title":"Home",
"link":"#"
},
{
"title":"About",
"link":"#"
},
{
"title":"Services",
"link":"#"
},
{
"title":"Contact",
"link":"#"
}
]
}
和我的輸出是這樣的{{item.title}}
也是我得到錯誤
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=myapp&p1=Error%3A%2…localhost%2Fangular-theme%2Fassets%2Fangularjs%2Fangular.min.js%3A21%3A332)
歡迎SO。問題標題應該明確問題的內容。 「請幫忙」可能是確保沒有人會讀到這個問題的最好方法;-) –
'請幫助我,我需要緊急提交 - >就像我們許多人必須工作:) – OldPadawan
這可能會幫助你http ://stackoverflow.com/questions/18287482/angularjs-1-2-injectormodulerr – Zeromus