angular.js - 有人看过Angular即学即用这本书吗
本文介绍了angular.js - 有人看过Angular即学即用这本书吗的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
代码如图,书本上说,ng-repeat可作用于对象,作用于对象的话HTML渲染出来的结果会使大写字母开头的Misko排在前面,书上说的代码结果是Misko、brad、shyma。但我打出来的代码结果却是按照我写的顺序shyma、Misko、brad。求解答是我代码打错了还是书上有误?我链接的Angular是v1.5.0,书上说它采用的是1.2.19
<body ng-controller="MainCtrl as ctrl">
<div ng-repeat="(author,note) in ctrl.notes">
<span class="label">{{note.label}}</span>
<span class="author" ng-bind="author"></span>
</div>
<script src="../js/angular.min.js"></script>
<script type="text/javascript">
angular.module('notesApp',[]).controller('MainCtrl',[
function(){
var self=this;
self.notes={
shyam: {
id:1,
label:'First Note',
done:false
},
Misko: {
id:3,
label:'Finished Third Note',
done:true
},
brad: {
id:2,
label:'Second Note',
done:false
}
};
}]);
</script>
</body>
解决方案
版本1.4.0
以上是按照这些属性(shyma、Misko、brad)在对象(notes)中的先后顺序循环出来的。
补充:不同的版本显示的结果是不一样的
1.版本1.5.6
中显示的结果如下图:
是按照shyma、Misko、brad的顺序来显示的。
2.版本1.2.0
中显示的结果如下图:
是按照Misko、brad、shyma的顺序来显示的。
这篇关于angular.js - 有人看过Angular即学即用这本书吗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文