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.aoyou183.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）在對象（notes）中的先后順序循環出來的。
補充：不同的版本顯示的結果是不一樣的
1.版本1.5.6中顯示的結果如下圖：
是按照shyma、Misko、brad的順序來顯示的。
2.版本1.2.0中顯示的結果如下圖：
是按照Misko、brad、shyma的順序來顯示的。
相關文章：
1. css3 - transform的順序不同為何會使元素的形狀不同。2. python - 速度最快的啟動界面GUI3. javascript - 在頁面最頂部插個廣告，怎么做才能不破壞頁面布局（不影響下面的內容）？4. css - 如何選擇字體？5. css3 - css before作為父級元素的背景色遮住了文字怎么辦？6. python - 如何把152753這個字符串轉變成時間格式15:27:537. javascript - js判斷一個數組是否重復8. python - 關于beautifulsoup獲取文檔內容9. html5 - video ios不能播放怎么辦？10. mysql - 類似于之類的通知系統如何設計數據庫
網公網安備