ng-model、ng-repeat和输入的困难
<html ng-app>
<head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
</head>
<body ng-init="names = ['Sam', 'Harry', 'Sally']">
<h1>Fun with Fields and ngModel</h1>
<p>names: {{names}}</p>
<h3>Binding to each element directly:</h3>
<div ng-repeat="name in names">
Value: {{name}}
<input ng-model="name">
</div>
<p class="muted">The binding does not appear to be working: the value in the model is not changed.</p>
<h3>Indexing into the array:</h3>
<div ng-repeat="name in names">
Value: {{names[$index]}}
<input ng-model="names[$index]">
</div>
<p class="muted">Type one character, and the input field loses focus. However, the binding appears to be working correctly.</p>
</body>
</html>
对此，作者提出了建议
共有1个答案
这似乎是一个具有约束力的问题。
建议是不要绑定到原语。
您的ngrepeat正在迭代集合中的字符串，而它应该迭代对象。来解决你的问题
<body ng-init="models = [{name:'Sam'},{name:'Harry'},{name:'Sally'}]">
<h1>Fun with Fields and ngModel</h1>
<p>names: {{models}}</p>
<h3>Binding to each element directly:</h3>
<div ng-repeat="model in models">
Value: {{model.name}}
<input ng-model="model.name">
</div>
-
问题内容： 我正在尝试使用ng-repeat生成表单输入。注意：’customFields’是字段名称的数组：[“ Age”，“ Weight”，“ Ethnicity”]。 设置“ ng-model”的最佳/正确方法是什么？我想将它作为 person.customfields.’fieldname’ 发送到服务器，其中fieldname来自’customFields中的field’。 问题答案：
-
问题内容： 如果我的措词不正确，我事先表示歉意。我在的内部有一个文本框，当我尝试获取文本框值时始终为。我只希望它显示我在相应文本框中键入的内容。 似乎是一个问题，那么我该如何创建全局或控制器根级别以便可以访问它？ 这是帮助解决问题的JSFiddle：http : //jsfiddle.net/stevenng/9mx9B/14/ 问题答案： 在您的点击表达式中，您可以引用并在您的函数中对其进行访问
-
问题内容： 嗨，我有一个简单的ng-repeat-start和end用例，并且工作正常，当我想添加一个内部ng-repeat时出现了问题。这是我的代码 内部ng-repeat到td元素中不起作用，在检查html源代码时看到ngRepeat注释，但未创建td元素。 我的丑陋的解决方法（假设我知道该向量的大小）是： 问题答案： 从那时起，我不确定是否使用角度1.1.6，并且在1.1.5或1.0.7
-
问题内容： 我正在尝试处理ng-repeat循环内的范围问题-我浏览了很多问题，但还无法使我的代码正常工作。 控制器代码： 视图： 这是一个小提琴：http : //jsfiddle.net/cyberwombat/zqTah/ 基本上，我有一个包含多行文本的对象（这是一个传单生成器）。用户可以调整每行文本（文本，字体，大小，颜色等），我想为其创建预览。上面的示例仅显示了输入文本的输入字段，我希望
-
问题内容： 我想在内容更改时创建具有自定义行为的列表。我尝试为此创建一个指令，但是我对如何将ng-transclude与ng- repeat指令结合起来感到迷茫。有人可以让我走上正轨吗？ HTML： Javascript： 我已经在这里工作了一部分 编辑： 条件： 该项目的模板必须在视图中定义，而不是在指令中定义，并且必须有权访问子作用域中的项目属性。理想情况下，我想像在ng-repeat指令中那
-
问题内容： 我试图了解over 的意义。角度文档提供了以下示例 但是，使用， 有人可以解释。的意义吗？谢谢。 问题答案： 这两个指令的含义相似：它们重复HTML标记。所不同的只是，在您的帮助下，您可以重复几个标签，从标签开始于，再到完成于。 例如，您有下一个代码： 因此，现在我们可以为这些代码添加2个指令。 与： 与和： 因此，现在您可以看到，在第一种情况下，仅使用指令重复，但是在第二种情况下，您