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'> <p ng-repeat='(author,note) in ctrl.notes'><span class='label'>{{note.label}}</span><span ng-bind='author'></span> </p> <script src='http://www.intensediesel.com/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)在對象(notes)中的先后順序循環出來的。
補充:不同的版本顯示的結果是不一樣的
1.版本1.5.6中顯示的結果如下圖:是按照shyma、Misko、brad的順序來顯示的。
2.版本1.2.0中顯示的結果如下圖:是按照Misko、brad、shyma的順序來顯示的。
相關文章:
1. css3 - 這個形狀使用CSS怎么寫出來?2. 這種數據怎么合并啊?3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應4. javascript - 如何使用loadash對[object,object,object]形式的數組進行比較5. mysql優化 - 關于mysql分區6. 如何分別在Windows下用Winform項模板+C#,在MacOSX下用Cocos Application項目模板+Objective-C實現一個制作游戲的空的黑窗口?7. angular.js - 百度支持_escaped_fragment_嗎?8. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出9. nlp - python如何對一篇文章自動分段?10. nginx - 關于vue項目部署到ngnix后出現的問題
