2016-02-17 81 views
1

今天我開始擺弄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(列表項)只有模型:(所以沒有梅爾克這是品牌在荷蘭也沒有車。模型)。

我該如何解決這個問題?在此先感謝

+1

看看是否有錯誤您的瀏覽器控制檯。在plunkr中發佈一個完整的示例,因爲許多部分都丟失了,我們不知道錯誤。 –

+0

這就是有趣的部分:我得到0個錯誤代碼! – Kraishan

+0

創建一個小提琴,我們會做其餘的 – Siddharth

回答

1

你有這樣的:

<li ng-repeat"car in cars"> 

你錯過了一個等號:

<li ng-repeat="car in cars"> 
+0

有多荒謬,我沒有看到.. Tunnelvision,我猜! – Kraishan