今天我開始擺弄AngularJS上學。幾乎立即我遇到了一個問題,我無法修復,而互聯網上的解決方案並沒有幫助我。AngularJS ng-repeat沒有顯示項目
我使用角度種子項目作爲我的項目的骨架。
這會產生兩個文件:app.js和view1.js,其中包含我在view1.html中使用的控制器。
的想法是,我需要有項目的數組,我可以多個視圖全球使用,所以並不一定只在圖1
我具有以下內容由controllers.js:
var todoAppControllers = angular.module('CarControllers', []);
todoAppControllers.controller('CarListController', ['$scope', '$http',
function($scope, $http) {
$scope.cars = [
{merk:'volkswagen', model : 'Up'},
{merk:'volkswagen', model : 'Golf'}
];
}]);
我的HTML看起來像這樣在主的index.html(我ommitted一些無關緊要的代碼):
<html lang="en" ng-app="carApp" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My AngularJS App</title>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>
<div ng-view></div>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
<script src="controllers.js"></script>
<script src="view1/view1.js"></script>
<script src="view2/view2.js"></script>
</body>
</html>
我app.js:
'use strict';
// Declare app level module which depends on views, and components
angular.module('carApp', [
'ngRoute',
'carApp.view1',
'CarControllers'
]).
config(['$routeProvider', function($routeProvider) {
$routeProvider.otherwise({redirectTo: '/view1'});
}]);
最後是我想要顯示我的汽車列表的頁面。不,這是一個partialview:
<p>Cars:</p>
<ul ng-controller="CarListController">
<li ng-repeat"car in cars">{{car.merk}} model: {{car.model}}</li>
</ul>
當我運行故宮,去申請,我只看到一個bulletpoint(列表項)只有模型:(所以沒有梅爾克這是品牌在荷蘭也沒有車。模型)。
我該如何解決這個問題?在此先感謝
看看是否有錯誤您的瀏覽器控制檯。在plunkr中發佈一個完整的示例,因爲許多部分都丟失了,我們不知道錯誤。 –
這就是有趣的部分:我得到0個錯誤代碼! – Kraishan
創建一個小提琴,我們會做其餘的 – Siddharth