问题标签 [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 回答
1645 浏览

html - 如何将单选按钮输入选项的值设置为空?(使用 Angular2 ngModel)

我正在尝试使用 ngModel 和 value 在我的 Angular2 应用程序中创建一个单选按钮输入。我想要三个选项:true、false 和 null,但我不知道如何将其中一个输入设置为 null 值。本质上,如果没有选择任何内容(即 ngModel 值为 null),我希望选择该 null 单选按钮。有没有办法在 HTML 中轻松做到这一点?谢谢。

0 投票
0 回答
355 浏览

angular - 如何使用 Ngmodel 和 Angular 2 中的对象设置选择 html 元素的选定选项

我想设置一个带有对象的 select html 元素来更新我的表单,但是当数据更新时,在 select html 元素中没有选择任何内容。但是,“myModel”变量在控制台中显示了良好的值。Also, I need to get "option" object selected in form when value is selected (not just a string value).

我怎样才能做到这一点?

html模板:

数据:

还有假更新

谢谢 !!

0 投票
2 回答
36389 浏览

angular - 将 ngModel 绑定到动态复选框列表:Angular 2 / Typescript

我不确定绑定和更新动态生成复选框的模型的正确方法。(这是一个最初使用 Yeoman 生成器创建的 Angular 2 的 ASP.NET Core 项目)或者我刚刚发现的一个简单复选框。

下面是精简的代码,它有一个设施和时间段。每个设施可以有多个时隙。时隙复选框列表显示正常。初始数据表明只应检查一个时隙。但是当我加载一个设施时,所有的时间段都会被检查。它们没有像我预期的那样与 ngModel 绑定。

  1. 如何解决它,以便只检查设施数据中包含的时间段而不是全部?
  2. 如何将检查的内容绑定到 ngModel 时间段属性?我是否需要在组件上创建一个数组属性并对其进行操作而不是依赖于 ngModel?(试过这个但显然没有做对所以恢复到下面的代码)
  3. 我似乎也遇到了绑定到一个简单复选框(haselectric)的问题,因为这也没有在应该的时候检查。我是否错过了可以解决所有这些问题的导入?

代码说明我有两个对象(设施和时间段)来自我绑定到接口的 api。为简单起见,它们的属性已显着减少:

这是时隙的 JSON 数据:

这是更新之前单个设施的 JSON 数据:

用于编辑设施的组件(facility.component.html):

组件代码 (facility.component.ts)

}

PS 我在时隙的工具对象中有两个属性的原因是因为 id 列表更容易传递给 API 进行更新。而不是传递完整的模型(时隙比我这里的大,不需要更新数据库)。请保留对此的评论,因为它与需要完成的事情无关。

我发现了这个问题......但遗憾的是,没有人回答这个可怜的家伙:ngmodel binding with dynamic array of checkbox in angular2 试过这个但没有用:从动态复选框列表中获取值 我还尝试了更新本地属性的版本在复选框的(更改)上,但似乎也不起作用:Angular 2: Get Values of Multiple Checked Checkboxes

0 投票
2 回答
4409 浏览

angular - 在 Angular2 中使用 ngModel 测试双向绑定

我已经阅读了在 Angular2 中测试双向绑定的文档。所有的例子都很简单,实际上太简单了。

好像他们只测试外绑定...

我将发布一些代码来说明:

那么有没有办法通过设置 myValue 来实际测试组件?我想我错过了一些东西......

0 投票
1 回答
210 浏览

javascript - Angular 模态文本框没有被 ngModel 填充

我有一张桌子,上面有电视节目数据。我用它填充表格,dir-paginate/ng-repeat我可以单击一行来打开一个模式以便能够编辑显示,但 ng-model 数据没有加载到该模式内的文本框中。

单击时,它会调用该函数alter_show()

传递的数据在 JSON 格式中如下所示:

我传入显示详细信息并将其设置为$scope.edit_show对象。传递的数据不是空的,但是当打开模式时,不会填充文本框。这些是输入框:

我怎样才能让它用已单击行的详细信息填充文本框?

0 投票
1 回答
730 浏览

angular - 是否可以破解 Angular 2 禁用的输入标签?

例如,我的组件模板中有这部分代码:

在我的组件模块中,我有:

我想只为那些具有“管理员”角色的用户授予编辑此输入字段的权利,并为其他用户禁用此字段(但向他们显示 profileUser.role 的当前值)。

它是安全的解决方案,还是可以破解输入标签属性并获得对禁用字段的访问权限,然后更改其值并使用提交按钮对其进行更新。

如果第二个陈述是正确的,请建议在 ngForm 上显示此类数据的最安全方法,并以 ngModel 双向绑定为界。

0 投票
1 回答
29 浏览

angularjs - 如何从AngularJs中的指令模板控制输入字段

我的指令在其模板中包含一个简单的输入字段,我正在寻找一种解决方案来使用 ngModel 控制该输入字段,但我不知道该怎么做。

模板:

指令 JS:

指令用途:

我不知道在控制器/链接中设置(写入)什么来绑定输入。有什么建议吗?

解决方案

我一直在寻找的解决方案就像下面的那个

0 投票
1 回答
1244 浏览

ionic2 - 如何在不刷新页面的情况下自动更新值,ionic2 更新值

我的 ionic2 应用程序从 cordova 插件获取数据,但输入的值没有自动更新。先谢谢你。我的演示代码:

位置将触发 gps 每次 10 秒,但 html 值不会实时修改。

0 投票
4 回答
3908 浏览

angular - ngModel on select 不显示初始值,默认值

我有以下 Angular 代码:

comp.html

比较

但是,在加载时,选择下拉菜单始终为空白。只有当我改变时,它才会获得价值。如何在加载时设置默认值?

我正在使用角度 4.0.0

0 投票
1 回答
2096 浏览

angular - 管道、ngModel 和 ngModelChange

我有一个带有自定义管道的双向数据绑定。

我的输入文本字段代码:

和自定义管道代码:

当我去编辑我的输入字段值时,它在按键上显示 NaN。