angular.js - 有人看過Angular即學(xué)即用這本書嗎
問題描述
代碼如圖,書本上說,ng-repeat可作用于對(duì)象,作用于對(duì)象的話HTML渲染出來的結(jié)果會(huì)使大寫字母開頭的Misko排在前面,書上說的代碼結(jié)果是Misko、brad、shyma。但我打出來的代碼結(jié)果卻是按照我寫的順序shyma、Misko、brad。求解答是我代碼打錯(cuò)了還是書上有誤?我鏈接的Angular是v1.5.0,書上說它采用的是1.2.19
<body ng-controller='MainCtrl as ctrl'> <p ng-repeat='(author,note) in ctrl.notes'><span class='label'>{{note.label}}</span><span ng-bind='author'></span> </p> <script src='http://www.leifengta.com.cn/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:版本1.4.0以上是按照這些屬性(shyma、Misko、brad)在對(duì)象(notes)中的先后順序循環(huán)出來的。
補(bǔ)充:不同的版本顯示的結(jié)果是不一樣的
1.版本1.5.6中顯示的結(jié)果如下圖:
是按照shyma、Misko、brad的順序來顯示的。
2.版本1.2.0中顯示的結(jié)果如下圖:
是按照Misko、brad、shyma的順序來顯示的。
相關(guān)文章:
1. golang - 用IDE看docker源碼時(shí)的小問題2. javascript - 請(qǐng)指條明路,angular的$event,在select中卻是undefined?3. 前端 - @media query 使用出現(xiàn)的問題?4. 我何時(shí)應(yīng)該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)5. html - css氣泡,實(shí)現(xiàn)“倒三角(不知道算不算三角了)”可透明的。6. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?7. docker - 如何修改運(yùn)行中容器的配置8. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!9. phpstudy8.1沒集成mysql-front10. html5和Flash對(duì)抗是什么情況?

網(wǎng)公網(wǎng)安備