AngularJS ng-repeat在Chrome中不起作用

Question

我知道这个问题已经被问过多次了，可以认为是重复的。 但是我没有找到答案，因此决定提出一个新问题。

问题是ng-repeat在Chrome中无法正常运行，而在FF中则可以正常工作。 为了解决这个问题，有一些建议，但是我已经在使用它们了，没有帮助。

建议之一是使用数组代替对象作为模型。 2.第二个是按顺序使用单引号文字。

我同时满足这两个条件，但仍然在Chrome中看到了问题。

这是我的代码：

<a  ng-click="pred = 'price'; reverse=!reverse">
    <span></span>
</a> | 
<a ng-click="pred = 'name'; reverse=!reverse">
    <span></span>
</a> | 
<a ng-click="pred = 'time'; reverse=!reverse">
    <span></span>
</a>
<div ng-repeat="item in items | orderBy:pred:!reverse">
</div>

另外，还有可以在两个浏览器中打开的链接。 有些项目按时间排序（左列），它们以FF排序，而不是Chrome。

我认为我使用的是角1.2.9。 请建议如何解决。

Answer 1

原因可能是您没有初始化反向变量。

 (function(angular) { 'use strict'; angular.module('orderByExample1', []) .controller('ExampleController', ['$scope', function($scope) { $scope.friends = [ {name: 'John', phone: '555-1212', age: 10}, {name: 'Mary', phone: '555-9876', age: 19}, {name: 'Mike', phone: '555-4321', age: 21}, {name: 'Adam', phone: '555-5678', age: 35}, {name: 'Julie', phone: '555-8765', age: 29} ]; }]); })(window.angular);

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <body ng-app="orderByExample1"> <div ng-controller="ExampleController" ng-init='reverse=false;'> <a ng-click="pred = 'name'; reverse=!reverse"> Name </a> | <a ng-click="pred = 'phone'; reverse=!reverse"> Phone </a> | <a ng-click="pred = 'age'; reverse=!reverse"> Age </a> <table class="friends"> <tr> <th>Name</th> <th>Phone Number</th> <th>Age</th> </tr> <tr ng-repeat="friend in friends | orderBy:pred:reverse"> <td>{{friend.name}}</td> <td>{{friend.phone}}</td> <td>{{friend.age}}</td> </tr> </table> </div> </body>

AngularJS ng-repeat在Chrome中不起作用

问题描述

1 个解决方案

解决方案1
1 2016-08-13 03:34:36

AngularJS ng-repeat在Chrome中不起作用

问题描述

1 个解决方案

解决方案1 1 2016-08-13 03:34:36

解决方案1
1 2016-08-13 03:34:36