我無法訪問數組值逐一這裏是plunker
如何使用NG-重演angularjs
https://plnkr.co/edit/58HdYqZUi30kRaNgT3V3?p=preview
我剛剛訪問這一點,但它不打印任何東西。
<div ng-repeat=" day in excDays">
<p>{{day}}</p>
</div>
我無法訪問數組值逐一這裏是plunker
如何使用NG-重演angularjs
https://plnkr.co/edit/58HdYqZUi30kRaNgT3V3?p=preview
我剛剛訪問這一點,但它不打印任何東西。
<div ng-repeat=" day in excDays">
<p>{{day}}</p>
</div>
您關閉<div>
沒有它打印任何東西:
<div ng-repeat="day in excDays">
<span ng-bind="day"></span>
</div>
從ng-repeat
的值是唯一的元素中可用。
ohoo狗屎我錯過了..感謝很多 –
問題是您的day
僅在div
內部可用,並且您正在關閉它,然後在div
之外呼叫day
。
嘗試這樣的,你必須把{{day}}
內ng-repeat div
<body ng-app="plunker" ng-controller="MainCtrl">
<div ng-repeat="day in excDays">
<p>{{day.dayName}}</p>
</div>
</body>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.excDays = [
\t \t \t {
\t \t \t \t \t dayNum: 1,
\t \t \t \t \t dayName: 'Monday'
\t \t \t \t }, {
\t \t \t \t \t dayNum: 2,
\t \t \t \t \t dayName: 'Tuesday'
\t \t \t \t }, {
\t \t \t \t \t dayNum: 3,
\t \t \t \t \t dayName: 'Wednesday'
\t \t \t \t }, {
\t \t \t \t \t dayNum: 4,
\t \t \t \t \t dayName: 'Thursday'
\t \t \t \t }, {
\t \t \t \t \t dayNum: 5,
\t \t \t \t \t dayName: 'Friday'
\t \t \t \t }, {
\t \t \t \t \t dayNum: 6,
\t \t \t \t \t dayName: 'Saturday'
\t \t \t \t },{
\t \t \t \t \t dayNum: 0,
\t \t \t \t \t dayName: 'Sunday'
\t \t \t }];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="plunker" ng-controller="MainCtrl">
<div ng-repeat="day in excDays">
<p>{{day.dayName}}</p>
</div>
</body>
你需要把p
的div
內與ng-repeat
<div ng-repeat="day in excDays">
<p>{{day}}</p>
</div>
更新plnkr https://plnkr.co/edit/1JKLBRe4wfS6SPXNKz7t?p=preview
呦應該把<p>
內<div>
標籤。 {{day}}
超出範圍。
我已經根據下面的評論糾正它,現在它工作正常 –
標記爲回答。 –