正文

AngularJS 模型绑定在从

 2023-02-22  119

关键词：

【中文标题】AngularJS 模型绑定在从【英文标题】：AngularJS model binding breaks when deleted from 【发布时间】：2014-03-03 14:36:24 【问题描述】：

我正在构建一个 AngularJS 应用程序来创建多项选择测验。问题和相关选项被添加到以下模型中或从以下模型中删除。

$scope.testFormChoiceCount = [
question: '', choices: [
    choice: '',
    choice: '',
    choice: ''
  ]
,
question: '', choices: [
    choice: '',
    choice: '',
    choice: ''
  ]
,
];

我的问题案例是： 我添加了一个问题，并将一个新对象添加到模型数组中。然后，如果我删除例如第一个问题，模型绑定会中断，导致最后一个问题的输入在我尝试输入时抛出“b is undefined”错误。

我做错了整个 ng-model 绑定吗？谁能帮我解决这个问题。

小提琴： http://jsfiddle.net/D7M2Z/

这是我从模型数组中删除和对象的方法

$scope.removeQuestion = function(index)
  $scope.testFormChoiceCount.splice(index, 1);

【问题讨论】：

它对我有用。删除所有问题后无法添加。如果你删除所有问题，就没有模型可以建立了。这是我还没有阻止的事情。但是，如果您添加一个问题并删除前一个问题，则最后一个问题会中断。对此有什么想法吗？ 【参考方案1】：

这应该可以帮助你jsfiddle

在这一行：

   for( var i=0; i<$scope.testFormChoiceCount[0].choices.length; i++ )
      newobject.choices.push(new Object(choice : ''));

当您删除所有对象时，$scope.testFormChoiceCount[0].choices.length 没有值

【讨论】：

感谢您清除此问题。我最终不得不处理它。然而，这不是困扰我的问题。如果一开始您删除了第一个问题，则无法再写入剩余的选项字段。关于此绑定为何出错的任何想法？这是错误的：我没有时间，但是您需要考虑如何以其他方式解决 outerIndex，这会带来更多问题。如果你不解决这个问题，我稍后再试。谢谢！ outerindex 值确实存在问题。或者更好地说，我使用 ng-init。从较低的索引中删除对象后，choises-array 收到错误的值。

通过 AngularJS 中的模型绑定更改 Kendo 图表类型

】通过AngularJS中的模型绑定更改Kendo图表类型【英文标题】：ChangingKendocharttypebymodelbindinginAngularJS【发布时间】：2016-05-1806:04:05【问题描述】：编辑：我在这里复制了这个问题..http://dojo.telerik.com/@Salmal/OcALi我是KendoUI的新手，我在... 查看详情

如何将 Mongoose 模型与 angularjs 复选框绑定

】如何将Mongoose模型与angularjs复选框绑定【英文标题】：HowtobindMongoosemodelwithangularjsCheckbox【发布时间】：2016-08-1021:59:14【问题描述】：我正在尝试修改meanjs提供的示例应用程序示例应用程序有一个angularsjs视图，如下所示<inputcl... 查看详情

angularjs的模型无法绑定到隐藏域(inputhidden)

描述一下问题：在操作表单中的隐藏域的时候发现angularjs的模型无法绑定，比如：<inputtype="hidden"name="someData"ng-model="data"/>在网上找到了解决办法，特意记录；原文：http 查看详情

angularjs第一天使用模型与控制器绑定数据

<!DOCTYPEhtml><html><head><metacharset="utf-8"><scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body>< 查看详情

angularjs2

目录一、angularJS双向数据绑定1.数据模型变化同步到视图2.样式控制二、angularJS模块三、angularJS路由1.AJAX的缺陷2.路由的概念3.路由的使用4.路由规则正文回到顶部一、angularJS双向数据绑定利用双向数据绑定，不仅能把数据模... 查看详情

[angularjs]angularjs系列笔记模型

ng-model指令ng-model可以将输入域的值与AngularJs的变量绑定双向绑定当修改输入域的值时候，AngularJs属性的值也将修改 <divng-app="Home">姓名：<inputtype="text"ng-model="name"/><p>{{name}}</p></div> 验证用查看详情

AngularJS：将布尔值绑定到单选按钮，以便在取消选中事件时将模型更新为 false

】AngularJS：将布尔值绑定到单选按钮，以便在取消选中事件时将模型更新为false【英文标题】：AngularJS:Bindingbooleanvaluetoradiobuttonsuchthatitupdatesmodeltofalseonuncheckevent【发布时间】：2014-01-2122:24:26【问题描述】：在我的AngularJS应用程序... 查看详情

angularjs模型

1.　　AngularJS模型主要就是使用的AngularJS的ng-model指令。ng-model指令可以将输入域的值与AngularJS创建的变量绑定。<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><scripttype="t 查看详情

范围问题中的角度绑定模型？

...【发布时间】：2014-07-1319:08:03【问题描述】：您好，我是angularjs的新手，并尝试使用socketio和angularjs和ionic为android平台编写聊天应用程序。但是在我的聊天页面中存在一个问题。我正在尝试使用ng-model将textbox绑定到$scope.message变... 查看详情

angularjs随笔01数据双向绑定理解自定义过滤器时钟更新列子

1. 数据的双向绑定可以简单的理解为，无论在文本框中输入什么，都会在数据模型中显示出来输入的内容，双向绑定的模型和数据是进行动态绑定的，实时检查进行修改。<inputtype="text"ng-model="name">{{name}} ... 查看详情

复选框未绑定到angularjs中的范围

】复选框未绑定到angularjs中的范围【英文标题】：Checkboxnotbindingtoscopeinangularjs【发布时间】：2013-09-0915:28:20【问题描述】：我正在尝试使用ng-model将复选框绑定到范围。复选框的初始状态对应于范围模型就好了，但是当我选中/取... 查看详情

angularjs基础知识2

一、angularJS双向数据绑定利用双向数据绑定，不仅能把数据模型的变化同步到视图上面，还可以利用双向数据绑定的特性来做一些样式上面的控制。双向数据绑定用处很多，不仅仅是像知识点1中的那个例子，只用花括号来表示... 查看详情

angularjs的模型无法绑定到隐藏域(inputhidden)

描述一下问题：在操作表单中的隐藏域的时候发现angularjs的模型无法绑定，比如：<inputtype="hidden"name="someData"ng-model="data"/>在网上找到了解决办法，特意记录；原文：http://stack... 查看详情

数据的双向绑定angularjs

接触AngularJS许了，时常问自己一些问题，如果是我实现它，会在哪些方面选择跟它相同的道路，哪些方面不同。为此，记录了一些思考，给自己回顾，也供他人参考。初步大致有以下几个方面：数据双向绑定视图模型的继承关系... 查看详情

AngularJS 将 datatimepicker 选择的值绑定到 ng-model

】AngularJS将datatimepicker选择的值绑定到ng-model【英文标题】：AngularJSbindingdatatimepickerselectedvaluetong-model【发布时间】：2014-11-2515:33:21【问题描述】：我有一个新手AngularJS问题-我正在使用datetimepicker库，我很难选择绑定到我的模型的... 查看详情

从服务器推送websocket数据后Angularjs模型发生变化

】从服务器推送websocket数据后Angularjs模型发生变化【英文标题】：Angularjsmodelchangesafterwebsocketdatapushfromserver【发布时间】：2013-01-2002:40:11【问题描述】：在从服务器推送websocket后，我正在尝试更改我的角度模型。每次服务器... 查看详情

复杂抽象对象的WebAPI自定义模型绑定

】复杂抽象对象的WebAPI自定义模型绑定【英文标题】：WebAPICustomModelbindingofcomplexabstractobject【发布时间】：2016-09-1321:37:59【问题描述】：这是一个艰难的过程。我在从JSON绑定模型时遇到问题。我正在尝试以多态方式解析提供的记... 查看详情

在 AngularJs 中绑定 Websocket 消息

】在AngularJs中绑定Websocket消息【英文标题】：BindWebsocketMessageinAngularJs【发布时间】：2016-01-1922:39:03【问题描述】：我被我的小项目卡住了，我觉得这是一件微不足道的事情......我正在尝试将websocket消息绑定到角度数据模型。我... 查看详情