Angular JS ng-repeat无法正常工作

Question

I have a controller like this: 我有一个像这样的控制器：

controller('BreadCrumbs', ['$scope','crumble','$rootScope', function ($scope,crumble,$rootScope) {    
    function init (){
        $scope.ui={};
        $scope.ui.mdBreadCrumbs=[{"path":"path1","label":"label1"}];     
        $rootScope.oldScope=$scope;
    }
    $scope.setBreadCrumbs=function() {        
        $scope.ui.mdBreadCrumbs=crumble.trail;    
    } 
    init();
}]);

and in HTML, 在HTML中，

<ol id="breadCrumbList"  ng-controller="BreadCrumbs as bcrmbs">
 {{ui.mdBreadCrumbs}}
  <li ng-repeat="bc in ui.mdBreadCrumbs">
    <a ng-href="{{bc.path}}">{{bc.label}}</a>
  </li>
</ol>

{{ui.mdBreadCrumbs}} is showing some like [{"path":"path1","label":"label1"}] . {{ui.mdBreadCrumbs}}显示了类似[{"path":"path1","label":"label1"}] 。 But in ng-repeat, it is not iterating. 但是在ng-repeat中，它不是迭代的。 Using $scope.setBreadCrumbs I put some more values, but still ngRepeat not working. 使用$scope.setBreadCrumbs我输入了更多值，但是ngRepeat仍然无法正常工作。

Anyone have any idea why it is not working? 有人知道为什么它不起作用吗？

Answer 1

Change 更改

<ol id="breadCrumbList"  ng-controller="BreadCrumbs as bcrmbs">

to 至

<ol id="breadCrumbList"  ng-controller="BreadCrumbs">

DEMO DEMO

 var app = angular.module('app', []); app.controller('BreadCrumbs', ['$scope', function($scope) { $scope.ui = {}; $scope.ui.mdBreadCrumbs = [{ "path": "path1", "label": "label1" }]; }]);

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body ng-app="app" ng-controller="BreadCrumbs"> <ol id="breadCrumbList"> {{ui.mdBreadCrumbs}} <li ng-repeat="bc in ui.mdBreadCrumbs"> <a ng-href="{{bc.path}}">{{bc.label}}</a> </li> </ol> <script type=" text/javascript " src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js "></script> <script type="text/javascript " src="MainViewController.js "></script> </body> </html>

Answer 2

You have to change something in your HTML and your HTML should be like this: 您必须更改HTML中的某些内容，并且HTML应该如下所示：

<div ng-app>
  <div ng-controller="BreadCrumbs">
      <div ng-repeat="bc in ui.mdBreadCrumbs">
          <a ng-href="{{bc.path}}">{{bc.label}}</a>
      </div>
  </div>
</div>

Angular JS ng-repeat无法正常工作

问题描述

2 个解决方案

解决方案1
0 2017-02-09 05:16:15

解决方案2
0 2017-02-09 06:13:27

Angular JS ng-repeat无法正常工作

问题描述

2 个解决方案

解决方案1 0 2017-02-09 05:16:15

解决方案2 0 2017-02-09 06:13:27

解决方案1
0 2017-02-09 05:16:15

解决方案2
0 2017-02-09 06:13:27