问题标签 [angular2-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.
angular - Angular2选择的选项与对象
我有一个与客户打交道的 Angular 2 应用程序和一个弹簧支架后端。客户对象有一个客户类型,这也是一个对象,我在客户表单上的下拉菜单工作,以便将对象存储为值,但是我不知道如何选择正确的客户类型时现有客户已加载到表单中。
在上面的代码片段中,如果客户已经有一个客户类型,那么下拉菜单不会选择任何值。我记得使用 ngOptions 解决了与 angular1 相同的问题:
所以,我的问题是,如何复制 Angular1 在 Angular 2 中解决这个问题的方式
typescript - 角 2 | NgformControl 阻止我的 NgModel 更新
这是我的代码:
HTML:
和我的主要内容:
RT-dropdown 仅在您单击原因时发送原因。
问题是,当您单击原因时,{{reject.reason}} 会发生变化,但输入字段不会发生变化。
好像页面没有更新,有人对此有经验吗?
谢谢
angular - 如何通过 ngIf 检查 ngModel 是否可见?
我希望能够将此“三个月和免费”模型称为对象,以找出它们是否可见,如果它们不可见,则显示最后一个标签。基本上我想要一个 if/elseif/else
data-binding - 在 Angular 2 中加载第一页时设置 [(ngModel)] 的值
我正在尝试创建一个简单的select
组件,它通过属性接收一些数据并呈现所需的选项。我打算在另一个组件的模板中使用这个选择组件,比如PageComponent
模板(page.template.html)。
我将 PageComponent 的变量绑定到select
使用[(ngModel)]
. 选择一个选项后,变量 get 的值会按预期更新,但是如何在页面加载时将其设置为指向第一个选项而不触发select
组件上的手动选择?
这是代码。
在 page.template.html
在 page.component.ts 中,PageComponent
类
在 select.component.ts
现在,该值最初不显示任何内容,并且仅在从框中{{alertType}}
选择新选项时才会更新。select
我确实知道它正在发生,因为alertType
默认情况下设置为未定义,PageComponent
但我不知道如何在页面加载时将其设置为第一个选项值。
更新
原始问题已得到解答,但我对此还有一个问题,因此更新了问题。
在更新后的代码中,select
组件接受defaultValue
来自模板的自定义属性并呈现<option>
该默认值的条件。
现在,我怎么说如果defaultValue
已设置,alertType
应该具有该值,否则它应该具有options
列表中第一项的值。
PS - 如果您对构建组件所使用的方法有意见,请随时将它们添加到答案中,因为它将帮助我学习。
javascript - Angular2、inputmask ngModel 绑定
我对 ng2 和 inputmask 有一些问题。例如我有这个代码component.html
组件.ts
输入掩码工作良好。但是我的[(ngModel)]
没有用。任何人都知道我可以如何解决我的问题?
angular - Angular2 内联编辑使用 ngModel 和 ngFor
我正在尝试在 Angular2 中使用 ngModel 实现内联编辑。我有一个需要使用 ngFor 迭代并且还使用 ngModel 的数组。当我尝试对此数组应用内联编辑时,我只能为数组的每个变量编辑一个字符。
您可以在此处找到一个工作示例。
这是我一起使用 ngModel 和 ngFor 的组件的代码:
如果有人可以帮助我,那就太好了。
javascript - Angular 2 ngModel 返回 [object]
刚开始在 Ionic 2 项目中使用 Angular 2。我有一个简单的登录表单:
在后端我有对象
当我输入用户名和密码并尝试使用 console.log 访问数据时,密码显示为:
尝试类似this.loginData.Password = String(this.loginData.Password);
的结果会得到同样的结果。
这也会导致同样的事情console.log(JSON.stringify(this.loginData.Password));
data-binding - Angular2 ngModel inside of ngFor
I am trying to bind an array of strings from my inputs, so in the html file I wrote this:
But this didn't work as expected because when I log the words variable it show an empty array as initialized in my Component class. Also, I log the variable from another component should that supposed to be the issue for my problem. I have two components:
- The form component that contains an array of query components.
- The query child component that has an array of words strings.
So, the words variable is declared into the queries component but I am logging this variable through the form component like this:
While queries is an array of Query in the form component:
Thanks for your help!
angular - 如何在角度 2 中获取单选按钮值?
我正在做一个项目,我需要在表格中每行绑定 3 个单选按钮。我正在绑定这张桌子,但不知何故它没有发生。我正在分享我所做的代码。
我已经尝试过如何绑定到 angular2 beta 6 中的单选按钮,但它不起作用。
编辑如评论中所述。我创建了一个plunkr。
PS 此代码在pug
(Jade) 中。
typescript - 将 Ionic2 popover ngModel 值传递给父页面组件并调用函数?
这就是我想要做的。
- 将组单选按钮放在 Ionic2 弹出菜单中。
- 这些选项实际上是控制内容要加载的 JSON 文件。
- 用户选择一个选项,关闭弹出框,页面中的内容将相应更新。
我不确定如何将值从 Ionic2 Popover 传递给它的父组件。如果我理解正确,Ionic2 的 Popover 是一个子组件。但是我不知道如何传递[(ngModel)]
价值。
我知道这里看起来很乱……好吧,如果有人好心做一个简单的例子来说明如何将值从 PopOver 传递到页面……
所以......这一切都在一个文件中:
弹出框组件:
这里的另一个类,页面: