Question

我无法逐个访问数组值$scope.addToCart = function (product) { var found = false; $scope.cart.forEach(function (item) { if (item.id === product.id) { item.quantity++; found = true; } }); if (!found) { $scope.cart.push(angular.extend({quantity: 1}, product)); } };

https://plnkr.co/edit/58HdYqZUi30kRaNgT3V3?p=preview

我只是访问它，但它没有打印任何内容。

plunker

Answer 1

您正在关闭<div>而不打印任何内容：

<div ng-repeat="day in excDays">
    <span ng-bind="day"></span>
</div>

ng-repeat中的值仅在元素内可用。

Answer 2

请尝试这样做，您必须将{{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 = [
			    {
					dayNum: 1,
					dayName: 'Monday'
				}, {
					dayNum: 2,
					dayName: 'Tuesday'
				}, {
					dayNum: 3,
					dayName: 'Wednesday'
				}, {
					dayNum: 4,
					dayName: 'Thursday'
				}, {
					dayNum: 5,
					dayName: 'Friday'
				}, {
					dayNum: 6,
					dayName: 'Saturday'
				},{
					dayNum: 0,
					dayName: 'Sunday'
			   }];
});

<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>

Answer 3

您需要将p放在div内ng-repeat

<div ng-repeat="day in excDays">
  <p>{{day}}</p>
</div>

更新了plnkr https://plnkr.co/edit/1JKLBRe4wfS6SPXNKz7t?p=preview

Answer 4

问题是，您的day只能在div内使用，而您正在关闭它，然后在day之外调用div。

Answer 5

哟应将<p>放在<div>标记内。 {{day}}超出了范围。

如何在angularjs中使用ng-repeat

5 个答案: