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='https://www.haobala.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. nosql - mongodb 多组数据不固定字段查询问题 [百度党请绕道]2. css - 非chrome无法在animation中切换背景图么?3. mysql - 一个sql的问题4. css3 - CSS伪类选择器,如何选择并控制相邻的上一个标签?5. vue.js - linux下怎么使用vue-cli的vue命令6. 微信开放平台 - android 微信支付后点完成按钮,后回调打开第三方页面,屏幕闪动,求解决方法7. css3 - 使用grunt压缩css是能否设置background-size不压缩进去呢?否则ie8不能识别8. javascript - 微信客户端打开的网页,js不运行9. windows-7 - win7下使用cmder,如何设置vim的tab为4个空格?10. pycharm运行python3.6突然出现R6034问题,请问如何处理?
