问题标签 [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.
javascript - javascript 强制更新输入框上的 ng-model 值
重量与 绑定ng-model
。通过使用ng-model-options="{updateOn:'submit'}"
,该ng-model
值仅在单击提交按钮后更新。
当用户修改输入中的值并单击丢弃时,我想将输入框中的值重置为当前的 ng-model 值。
我正在通过拥有一个ng-click="resetValue()"
但是当变量相同时,赋值不起作用。可能是因为它是通过引用分配的。
输入框中的值没有改变。有没有人知道如何强制ng-model
输入框更新值?
这是一个演示:http ://plnkr.co/edit/NQTieUmdEbxZeBsjk8Jw?%2F=preview&p=preview
javascript - AngularJS:复选框 ngModel 未检查
ngModel 似乎有问题。
我正在尝试获取选定的复选框 ID,但它没有保存,因为 ngModel 没有更改它们的选中属性。
这些只是部分代码片段。当我将选中的值之一变为 true 时,ID 保存到复选框数组中(单击按钮时会运行 addCustom 函数)。
我该如何解决这个问题,以便我可以获得选中的复选框?
angular - Angular2 ngModel 双向绑定不起作用
我想通过 将ngFor
循环内的模型绑定到输入字段ngModel
,但是如果我将另一个项目添加到列表中,则模型的值将在模型中可见,但在视图中不可见。
如果我bar
在视图中输入model | json
会显示{ 'foo': 'bar' }
,现在如果我向列表中添加另一个元素model | json
仍然会显示{ 'foo': 'bar' }
,但在输入字段中什么都看不到。
我的models
变量来自BehaviorSubject
其中包含一个列表Model
[(ngModel)]="model.foo" name="foo"
现在,如果我交换[value]="model.foo" (input)="model.foo = $event.target.value"
:
视图得到正确更新。
问题
有什么我忽略的东西为什么[(ngModel)]
不起作用?
并且不应该[(ngModel)]
也生成类似于上面提到的东西(参见Angular 2 中的双向数据绑定)?
angular - formControl 和 ngModel
我在角度上有以下代码
这是我的CSS
在这条线上
问题是,当检查复选框时,包含复选框的数组元素的背景颜色变为我想要的绿色,但没有考虑到 formControlName“已选中”,当我删除时,[(ngModel)]="student.checked"
我不再有背景颜色更改行为但是formControlName“已检查”有效
实际行为,我用一个导入的学生构建我的数组,属性检查为真,该框未选中,但当我选中它时,背景变为绿色
想要的行为:我用一个导入的学生构建我的数组,该学生的属性检查为真,该框被选中,当我取消选中它时,绿色背景消失(我的 ngModel[(ngModel)]="student.checked"
与 formControlName “选中”绑定)
angular - 双向数据绑定中 ngModel 的事件列表
在双向数据绑定中使用ngModel
实际上是
所以在内部将事件ngModel
映射到(input)
<input>
this.name
我在哪里可以找到有关 ngModel 为其他元素(例如<p>
等)生成的事件的信息?
我想增加点击<p>
时的字体<p>
。我可以不做,ngModel
但不能做ngModel
没有ngModel
但我做不到
我猜对于<p>
,要么ngModel
不做任何事情,要么不生成(click)
事件
angular - Angular 4,如何以 1 秒的延迟更新 [(ngModel)]
由于 ngModel 正在立即更新如何延迟。
我需要通过调用 update_fields() 将 task_name 保存一秒钟,以避免即时调用服务。
谢谢
angular - ngModel 在 Angular4 中不起作用
我正在从官方网站学习 Angular 4,并通过ngModel进行了2 路数据绑定。但是,一旦我将 [(ngModel)] 添加到我的组件模板中,我的应用程序就会停止工作,即使 FormsModule 已导入到 module.ts 文件中。组件不加载。
我正在使用 Visual Studio 代码。
这是我的 app.component.ts
这是 app.module.ts
AppComponent 未加载,仅显示
正在加载...
angular - 选择标签中的 ngModel - 在 ngFor 内
此示例中的 ngModel 正在杀死我的浏览器。任何想法如何获得每个表格单元格 ng-model?(我尝试使用(更改),它有效 - 但更改了所选值)
angular - 如何编辑[(ngModel)]显示的值?
我收到一个值,我在文本字段中向用户显示。
这个想法是让他能够编辑此值,然后将其发回。
在货币的情况下,假设我以美分存储金额,但我想以美元显示。这是我拥有的代码的一个想法,它显示了我收到的值:
我试过这个没有成功:
如何显示该值除以 100 ?
angular - 如何从Angular 4中选择选项的每个实例中检测选定元素?
我有多个使用 *ngFor, [(ngModel)] 动态创建的模板小部件。现在,这些模板中的每一个都包含一个选择选项列表。
问题是:
如果我从 Template#1 中选择 option#1,其他模板也会得到 option#1。如果我在其他模板中更改选项#2,比如模板#4,所有模板都会获得相同的选项#2。
我试图像这样消除这个问题:
一世)
并且,
ii)[(ngModel)] = "selectedOption[$index]"
但在这两种情况下,我都无法识别 myFunc 函数中单个模板的“selectedOption”。
dashboardConfig.component.html ###
这部分要选号。小部件
这部分用于创建小部件
dashboardConfig.component.ts ###
ArrayMaker() 这部分创建一个选定数字的数组,不详述
所以问题发生在 [(ngModel)] = "selectedOption"
.
1)如何为每个小部件选择单独的选项?例如对于小部件 #1 -> 选项 #2;小部件 #2 -> 选项 #5 等。
"selectedOption"
2)如何通过假设我们有一个小部件的json文件和相应的选项来显示每个小部件的预选
选项?