问题标签 [angular-ngmodel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
937 浏览

angularjs - 如何在 ng-repeat 中为多个 switch-toggle 设置默认 ng-model 值

我在 ng-repeat 中使用了 switch-toggle。当您的表单中有多个切换开关并且在表单提交时您需要拥有所有值时,我不知道如何将默认值设置为 ng-model。我对角度世界非常陌生,这里是示例在这个表单加载示例中,switch-toggle 的默认值显示为“OFF”。如果我提交表单而不对切换开关进行任何更改并检查浏览器控制台,您可以看到空模型数组。在进行一些更改时,我会得到适当的值。
那么,无论我是否进行更改,我如何才能获得开关切换的所有值。就我的 angularJS 知识而言,我想它与它的模型有关。但是在这种情况下该怎么做,我觉得我迷路了。

0 投票
2 回答
239 浏览

json - 将 ng-model 值添加为数组中的分组子项

学习 python 让我忘记了所有的棱角,这就是我的故事,我会坚持下去。它甚至让我忘记了我的谷歌技能,因为我在任何地方都找不到类似的问题。最接近的可能是How to append to a json object in angular js,但也不起作用。

我有十组两个输入字段,标题和描述。我想将它们作为子元素添加到数组中,因此我的 json 中将有十个属性,而每个属性又具有两个子属性。我已经尝试过 push、concat,甚至是老式的 += 绝望,但没有任何效果。我一定完全错过了显而易见的事情。

这是每行的样子,尽管数字发生了变化(从 1 到 10):

在我的控制器中,这是我根据上面的链接尝试过的版本,它并不比 concat 或 push 做得更好:

我不断收到点的意外令牌错误(如 $scope-dot-idea1 中的点)。当我输入简单的文本作为测试时,我收到一个关于右括号的意外标记错误。

我什至尝试做一个 watchCollection,只是为了看看控制器是否会注意,但我什么也没得到。我试过只看idea1,然后是$scope.idea1,然后是$scope.idea1.title,而watchCollection 就在那里。

这就是我希望它最终看起来的样子,大致如下:

我已经检查了非常明显的 - ng-app 与 ng-controller 不在同一级别,我正在调用正确的控制器,我没有任何古怪的拼写错误。

帮助?

0 投票
1 回答
1843 浏览

javascript - 你可以在 NG-MODEL 中使用表达式吗?

我想在 NG-MODEL 指令中使用表达式有没有办法完成这种绑定?可以使用编译之类的东西来完成吗?这是我的标记

ng-model='{{model}}' 给你一个错误有没有办法让它从指令中读取模型属性?是否可以以这种方式链接它,或者我必须使用 $compile 来完成此操作。我希望我的指令能够在子范围内创建变量,然后将其绑定到指令生成的 ng-model。我想使用指令中的“模型”属性为 ng-model 创建变量。在此示例中,我希望“宽度”位于 {{model}} 表达式所在的位置。

0 投票
1 回答
2130 浏览

angularjs - Angular js中的内容可编辑

我正在使用contenteditable角度 js 的指令。我尝试使用. 访问a标签的值,ng-model但它给出了未定义的值。

这是我使用 contenteditable 指令的 html

和这个 contenteditable 指令

谁能告诉我如何a使用 ng-model 获取标签值。

0 投票
1 回答
954 浏览

javascript - angularJS - ng-model 没有更新

在完成了一些关于我的教程之后,AngularJS我现在正在自己编写我的第一个示例应用程序。我从显示一个非常简单的员工列表开始,效果很好。现在我想添加一个简单的文本过滤器,就像我在教程中学到的那样。

我在我的 html 中的列表以及我的 angularJS 控制器中添加了一个输入ng-model="filterText"和一个输入。| filter: filterText$scope.filterText = null;

当我现在在输入中输入任何内容时,什么也没有发生。当我filterText直接为我的AngularJS控制器设置一个值时,过滤器正在工作,所以更新textFilter.

我该怎么做才能让它工作?我已经在寻找解决方案,但没有任何帮助。

我的html:

我的角JS:

编辑:

根据NidhishKrishnan的回答:

在萤火虫中,我的 jsonObject 如下所示:

我用这个 jsonObject 更改了工作解决方案,它仍然工作正常,所以这不应该是问题......

更多信息:我正在使用 web api 2 控制器在 VS 2013 调试模式下工作,该控制器获取 sql 数据库的数据。我的 jsonfunction 只不过是对控制器的 ajax 请求。

编辑2:

当我不使用eval()时,没有任何变化。我成功获得了我的列表,但我不能使用过滤器......这是我的 Ajax 请求:

答案在我的WebApiConfig.cs. 不可能有任何错误...

0 投票
1 回答
1445 浏览

javascript - 使用 ng-options 显示对象属性但将索引与 ng-model 绑定

我正在尝试显示联赛中球队名称的列表,然后选择一个。选择后,它应该将索引league.teams[index]放入homeTeam.teamId。这是HTML:

这里的范围:

但它将整个对象添加到homeTeam.teamId中,如下所示:

我怎样才能让它只输入索引,即:

0 投票
1 回答
2744 浏览

javascript - 为什么 angularJS 将空格视为空?

在 angularJS 中,我有一个与 ng-model 绑定的输入字段,如果输入不为空,则会显示一些内容。

当我按空格键时,布尔值typeSignature==''仍然为真。$('#name').val() == ''但是,在 jQuery 中,如果我按下空格,布尔值将是错误的。

为什么 angularJS 对待空间的方式不同?如何使 jQueryval()函数与 anguLarJS 一致,即将空间也视为空?

0 投票
1 回答
629 浏览

angularjs - Angularjs为ng-repeat中的选择框选择初始值

我想最初将选定的颜色填充为选择框中的选定选项

jsfiddle的链接

这是我的部分:

控制器 :

0 投票
1 回答
1494 浏览

javascript - Angular以编程方式添加没有属性的ngChange

我正在尝试在不修改 HTML 的情况下模拟指令中的 ng-change 属性(因此没有 ng-change 属性)。

查看指令的角度源代码ngChange,我的指令工作并且看起来像这样:(基本上在这个指令中,我需要blur()一个select字段 when model change

应用它:

但这是正确的解决方案吗?没有其他方法可以做到这一点吗?那么 scope.change() 呢?

谢谢

0 投票
2 回答
606 浏览

javascript - 为什么我的 Angular ngModel 示例不抛出错误?

我已经阅读了几个关于 Angular $scope 以及它如何是一个普通的旧 JavaScript 对象的 SO 响应,这意味着它将遵循 JS 的原型继承(AngularJS 中范围原型/原型继承的细微差别是什么?

既然是这种情况,我很好奇为什么我的以下示例不会引发错误:

基于原型继承,这就是我期望发生的事情:

  1. 当 MainCtrl 被调用时,它将为 MainCtrl 及其对应的视图创建一个 $scope 对象。
  2. 每当您在输入框中键入内容时,它都会将一些字符串绑定到 $scope.data.message。
  3. 然而,为了做到这一点,JavaScript 的第一步将是尝试解析 $scope.data。
  4. 由于 MainCtrl 函数没有数据属性,它会尝试在 rootScope 中查找数据属性。
  5. 由于 rootScope 没有数据属性,$scope.data 应该解析为“未定义”。
  6. 最后,如果您尝试分配给 undefined.message,这应该会引发错误。

但是,代码可以正常工作并且数据已正确绑定。有人可以帮助解开为什么这不会给我带来错误吗?