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://m.b3g6.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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?4. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~5. javascript - 移動端上不能實現拖拽布局嗎?6. phpstudy8.1支持win11系統嗎?7. 實現bing搜索工具urlAPI提交8. 配置Apache時,添加對PHP的支持時語法錯誤9. javascript - nodejs關于進程間發送句柄的一點疑問10. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化

網公網安備