问题标签 [angularjs-model]

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 投票
2 回答
868 浏览

angularjs - 如何使 Angular 将空白输入绑定到模型?

这是一个简单的 Angular 示例:

上面展示了如何将输入绑定到模型,这是 Angular 的一个基本特性。

它还允许用户弹出一个带有输入内容的模式对话框。这工作正常,除非输入为空。

在这种情况下,它显示“未定义”。

当然,我可以简单地编写一行代码,将模型的初始值设置为空白字符串,但这并不是特别实用,因为在我的实际应用中,有很多输入,用户可能会留下任意数量的他们空白。

简而言之,我想知道如何做到这一点,以便 Angular 知道一个空白输入应该在模型中包含一个空白字符串。

0 投票
1 回答
1205 浏览

angularjs - AngularJS ngModelOptions updateOn '提交' validateOn '默认'

使用 ngModelOptions 时有什么方法可以触发验证吗?我的用例是有一个表单,其中所有字段都在提交时更新 ngModel(因为我想在用户单击取消按钮时恢复整个表单)。有了这个,我无法立即验证我的字段。仅在更新模型时验证字段,因此 onSubmit。是否有任何内置解决方案或者我应该使用我的自定义实现?

0 投票
1 回答
1012 浏览

javascript - 突出显示在 AngularJS 中以编程方式更改的所有输入

我有一个表单,其中包含用户可编辑的字段。其中一些,直到它们 $dirty(由用户编辑)将自动更新为建议值。

我想标记此更改(闪烁输入的边框等),以便用户可以看到哪些字段已更改。

我如何对表单中的所有输入执行此操作?(大约 50 个输入)。

示例:我有文本输入

  • X
  • 区域
  • 周长。

用户通常会输入 X 和 Y 的值。我在这些字段上有一个 $watch,它将调用一个 Web 服务 (/calculate?x=3&y=2),它将返回 {perimeter: 12; 面积:6}。这些值在面积和周长输入中自动完成。发生这种情况时,我想向这些字段添加一个 CSS 类,以便用户知道它们在哪里自动更新。

我知道我可以在 $watch 中添加 CSS 类,但我有不止一个观察者,我不想将此逻辑添加到已经很复杂的表单中。我的想法是在哪里有一个“onchange”,它适用于以编程方式更改的输入,并且可以应用于许多输入(表单上的指令,或输入上的指令或观察者,但在表单字段上,而不是模型上)。

0 投票
3 回答
391 浏览

javascript - 关闭模式时更新 $scope 集合

我很难找到一种方法来确保使用模式中保存的信息更新父范围的集合。

父级有一组事件发言人,模态将一个发言人添加到事件中。我希望在单击模态 OK 按钮后将新扬声器添加到页面中。

数据已保存,模式关闭,但除非我刷新页面,否则模型不会更新。

这是我更新扬声器集合的控制器方法。 $scope.speakers绑定到页面中的重复对象。

这是模态应该调用先前方法并因此更新页面的承诺。

为什么模型不更新?

0 投票
1 回答
1666 浏览

javascript - 从其他控制器内部的控制器调用函数

我正在显示一个模式,如果用户单击删除按钮,我想从控制器 B 内的控制器 A 调用 delete()

在此处输入图像描述

我正在重构 AngularJS 网站上的 Todo App 示例代码(基于我到目前为止所学到的) https://jsfiddle.net/api/post/library/pure/

我在 github 上的完整项目 https://github.com/ahmadssb/Angular-Todo-App/tree/development

应用程序.js

待办事项列表控制器.js

modal-controller.js

modal-instance-controller.js

删除-modal.html

待办事项列表模板.html

0 投票
1 回答
546 浏览

angularjs - 防止退格键在 AngularJS 模型窗口中导航回来

我正在使用角度模型服务 ($modal) 显示弹出窗口。我遇到了一个问题,比如当用户在模型窗口上单击退格键时,父窗口会导航到上一页。我该如何解决这个问题?

0 投票
1 回答
141 浏览

javascript - 无法根据下拉或输入字段显示表中的行数

我有一个行数为“n”的表,默认情况下,我已设置为在每页中显示 10 行,因为该表是一个分页列。

我现在正在尝试包含一个文本框,用户可以在其中输入必须在每个页面中显示的行数,如下所示:

我在我的控制器中定义了

这基本上是一张智能表,试图从过去的 3 个小时中弄清楚这一点,并想从你们那里得到一些帮助。

如果我做错了,请指出我,我对角度世界很陌生。

0 投票
2 回答
1264 浏览

angularjs - Angular JS 使用 ng-model 获取日期输入值

我尝试通过将其与 ng-model 绑定来获取输入日期 html 5 组件的值,如下所示:

并使用模型:

我认为绑定是正确的,因为当我将初始值更改为

初始值设置为当前日期。

但是当我尝试获取表单处理的值时,我的问题就出现了。调试时,我看到更改值时值$scope.filtres.dateFin变得未定义。我应该覆盖 onchange 方法还是通过其他方式获取值?

0 投票
1 回答
337 浏览

angularjs - 无法跟踪和绑定到使用 ng-repeat 创建的输入元素

这是我的模板,我正在动态创建要在表单中使用的输入元素。当我提交表单时,没有任何内容传递给update()提交元素上指定的函数,因为似乎没有任何内容绑定到范围。我尝试过通过 id、$index 和诸如此类的方式进行跟踪。用户输入选择应保存为项目对象的数组属性。

是否可以在 Angular 中创建具有嵌套 ng-repeats 的元素,或者我应该查看一些额外的库,如 formly 等。

0 投票
0 回答
207 浏览

javascript - 涉及 ES6 的 Angularjs MV* (MVW) 设计模式 - AngularJS

我已经阅读了 Izhaki 和 Artem Platonov 关于理解设计模式的这些答案,并对这种方法有一些疑问。它们可能微不足道,但我需要一些答案。

Itzhaki 的最终回答让我觉得 Angularjs 设计模式有点像 MVW(模型视图),但我认为我仍然没有完全掌握“模型”。

View(DOM) -> Controller -> Service(Application login) -> Model(like resource)

如果这种模式是这样发展的,那么关于整个系统的所有信息在哪里?

例如:假设我们有一些关于“游戏”的属性,例如玩家数量、组数等。

所有这些数据都封装在哪里?

使用 es6 JS,我正在考虑制作一个名为 Game 的类,它有自己的属性;

我需要在哪里找到这个类?