一、ng-include 引入的文件中 ，ng-model 数据不更新

　　例如， $scope.username = “Jones”  。此时，在 ng-include 引入的文件中，直接使用 ng-model="username" 会出现这种情况。

　　原因：ng-include指令 创建了一个新的数据范围，它是原始范围的实例

　　解决方法：

　　　　1、可以直接在包含的Html模板中这样写 ng-model =“$parent.username”

　　　　2、或者将其改为 object 对象并绑定到对象的属性 ，例如：

　　　　　　$scope.data =  { username  :  “Jones” };

　　　　　    在Html模板中这样写 ng-model =“data .username”

二、 使用 ng-repeat 报错 Error: [ngRepeat:dupes]

　　例如，下面的代码就会报错：

<html>

   <head>

    <script src="angular-1.2.2/angular.js"></script>

     <script>

          function myController($scope,$rootScope,$injector)

         {

             $scope.dataList = [1,2,1];

          }

     </script>

   </head>

   <body ng-app ng-controller="myController">

         <div ng-repeat="data in dataList">

             {{data}}

         </div>

   </body>

</html>

　　原因：ng-Repeat不允许collection中存在两个相同Id的对象。 对于数字或者字符串等基本数据类型来说，它的id就是它自身的值。　　　　

　　解决方法：

  　　1、为了规避这个错误，可以定义自己的track by表达式。 例如直接拿循环的索引变量$index来用
ng-repeat="data in dataList track by $index"
  　　2、或者写成对象数据类型， 那么就算内容一摸一样，ng-repeat也不会认为这是相同的对象。 例如上面可以改成
$scope.dataList = [{"num":1},{"num":2},{"num":1}];

三、selsect 中 ng-model 的值和选中的值不同步

　　例如下面的图片中 ，修改数据时，加载原本的数据， $scope.dispaly= "line" ，在 select 中 ng-model=“dispaly”。可以看到直接输出数据是“line”, 理论上下拉菜单显示的应该是 “折线图”。

   　　

　　原因：上述 下拉菜单默认显示了第一个，提交的时候，也是提交了正确的数据。所以，这是本人书写时遗漏了~~

　　解决方法： 在 option中使用 ng-selected，如下：

<select class="form-control" ng-model="display" required ng-disabled="isDisabled">

      <option value="{{key}}" ng-repeat="(key,value) in lists" ng-selected="display === key">{{value}}</option>

</select>

　　

　　

ng-model 数据不更新 及 ng-repeat【ngRepeat:dupes】错误的更多相关文章

  1. Django Model数据访问Making queries

    创建完Model之后, Django 自动为你提供一套数据库抽象层的API,利用它可以完成创建,提取,更新,删除对象的操作. 以下面的Model为例: class Blog(models.Model) ...

  2. JQuery对ASP.NET MVC数据进行更新删除

    以前学习ASP.NET MVC时,学习与应用,操作过数据显示,添加,编辑,更新和删除等功能. 很多方法是相通的,看自己是怎样来进行方便,快捷,高效率. 今天Insus.NET写的练习,是直接对绑定在T ...

  3. 使用php+swoole对client数据实时更新(下)

    上一篇提到了swoole的基本使用,现在通过几行基本的语句来实现比较复杂的逻辑操作: 先说一下业务场景.我们目前的大多数应用都是以服务端+接口+客户端的方式去协调工作的,这样的好处在于不论是处在何种终 ...

  4. 使用php+swoole对client数据实时更新(上)

    如果想对一个列表做实时的更新,传统的做法是采用轮询的方式.以web为例,通过Ajax定时请求服务端然后获取数据显示在页面.这种方式实现简单,缺点就是浪费资源. HTTP1.1新增加了对websocke ...

  5. 数据可视化(8)--D3数据的更新及动画

    最近项目组加班比较严重,D3的博客就一拖再拖,今天终于不用加班了,赶紧抽点时间写完~~ 今天就将D3数据的更新及动画写一写~~ 接着之前的博客写~~ 之前写了一个散点图的例子,下面可以自己写一个柱状图 ...

  6. Access使用参数化UPDATE数据时，数据无法更新的问题

    今天update access数据库时,使用了参数化的方式,结果不报错,但是数据也没有更新.经过google发现access使用参数化时,参数位置必须和赋值顺序相同才行,否则更新时就会出现数据无法更新 ...

  7. Web网站数据”实时”更新设计

    请注意这个实时打上了双引号,没有绝对的实时,只是时间的颗粒不一样罢了(1ms,1s,1m). 服务器数据有更新可以快速通知客户端.Web 基于取得模式,而服务器建立大量的和客户端连接来提供数据实时更新 ...

  8. 【SpringMVC】SpringMVC系列9之Model数据返回到View

    9.Model数据返回到View 9.1.概述     Spring MVC 提供了以下几种途径输出模型数据: ModelAndView: 处理方法返回值类型为 ModelAndView 时, 方法体 ...

  9. **app后端设计(10)--数据增量更新(省流量)

    在新浪微博的app中,从别的页面进入主页,在没有网络的情况下,首页中的已经收到的微博还是能显示的,这显然是把相关的数据存储在app本地. 使用数据的app本地存储,能减少网络的流量,同时极大提高了用户 ...

  10. Kettle中通过触发器方式实现数据 增量更新

    在使用Kettle进行数据同步的时候, 共有 1.使用时间戳进行数据增量更新 2.使用数据库日志进行数据增量更新 3.使用触发器+快照表 进行数据增量更新 今天要介绍的是第3中方法. 实验的思路是这样 ...

随机推荐

  1. shell脚本变量$#,$*,$$,$@,$0,$1,$2,$?的含义

    本文转录:https://blog.csdn.net/kejiaming/article/details/51859503 参数说明: $# 是传给脚本的参数个数 $ 是脚本本身的名字 $ 是传递给该 ...

  2. 人活着系列之芳姐和芳姐的猪（Floyd）

    http://acm.sdut.edu.cn/sdutoj/problem.php?action=showproblem&problemid=2929 这个题一方面数据水,另一方面就是思维水, ...

  3. [LeetCode] 230. Kth Smallest Element in a BST_Medium tag: Inorder Traversal

    Given a binary search tree, write a function kthSmallest to find the kth smallest element in it. Not ...

  4. 11.2.0.4 RAC测试环境修改时区

    当前问题: 系统时区修改后,集群数据库各个日志发现显示的还是之前时区的时间. 依据Linux (RHEL)修改时区更改了系统的时区后,集群数据库的各个日志还是显示之前的时区时间. 查找MOS资料 Ho ...

  5. 浏览器内核控制标签meta说明

    由于众所周知的原因,国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银.政府.办公系统等网站的正常使用.以360浏览器为例,我们优先通过Web ...

  6. Intermediate Python for Data Science learning 2 - Histograms

    Histograms from:https://campus.datacamp.com/courses/intermediate-python-for-data-science/matplotlib? ...

  7. 【DIV+CSS】代码作业练习DIV+CSS太极阴阳图

    1. DIV + CSS 练习:太极阴阳图.  基本思路:由三个div块元素组成:  #taiji太极阴阳图底面  #yin太极阴阳图阴面小圆  #yang太极阴阳图阳面小圆  (太极阴阳图:上为阳下 ...

  8. linux常见命令ps的应用

    ps(Process Status)命令是linux中最常见的命令之一,它用来列出当前系统运行中的进程的状态信息.当然了,它只显示命令执行时的进程状态,如果想要动态列出状态信息,可以选择使用top命令 ...

  9. 在uboot中加入cmd_run命令，运行环境变量

    在学习uboot的过程中会经常烧录程序,每次都要敲一些下载指令.这样是不是很麻烦,有什么办法能快速的烧写呢.很简单,将需要敲击的指令编译到uboot中,以环境变量的形式存在.但是环境变量很好加,如何运 ...

  10. Kafka学习之（五）搭建kafka集群之Zookeeper集群搭建

    Zookeeper是一种在分布式系统中被广泛用来作为:分布式状态管理.分布式协调管理.分布式配置管理.和分布式锁服务的集群.kafka增加和减少服务器都会在Zookeeper节点上触发相应的事件kaf ...