问题标签 [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.

0 投票
3 回答
14479 浏览

angular - Angular2选择的选项与对象

我有一个与客户打交道的 Angular 2 应用程序和一个弹簧支架后端。客户对象有一个客户类型,这也是一个对象,我在客户表单上的下拉菜单工作,以便将对象存储为值,但是我不知道如何选择正确的客户类型时现有客户已加载到表单中。

在上面的代码片段中,如果客户已经有一个客户类型,那么下拉菜单不会选择任何值。我记得使用 ngOptions 解决了与 angular1 相同的问题:

所以,我的问题是,如何复制 Angular1 在 Angular 2 中解决这个问题的方式

0 投票
2 回答
285 浏览

typescript - 角 2 | NgformControl 阻止我的 NgModel 更新

这是我的代码:

HTML:

和我的主要内容:

RT-dropdown 仅在您单击原因时发送原因。

问题是,当您单击原因时,{{reject.reason}} 会发生变化,但输入字段不会发生变化。

好像页面没有更新,有人对此有经验吗?

谢谢

0 投票
1 回答
169 浏览

angular - 如何通过 ngIf 检查 ngModel 是否可见?

我希望能够将此“三个月和免费”模型称为对象,以找出它们是否可见,如果它们不可见,则显示最后一个标签。基本上我想要一个 if/elseif/else

0 投票
3 回答
7205 浏览

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 - 如果您对构建组件所使用的方法有意见,请随时将它们添加到答案中,因为它将帮助我学习。

0 投票
1 回答
3835 浏览

javascript - Angular2、inputmask ngModel 绑定

我对 ng2 和 inputmask 有一些问题。例如我有这个代码component.html

组件.ts

输入掩码工作良好。但是我的[(ngModel)]没有用。任何人都知道我可以如何解决我的问题?

我的代码例如http://plnkr.co/edit/F3pob7hH2ZrJv0MDNa9x?p=preview

0 投票
3 回答
3750 浏览

angular - Angular2 内联编辑使用​​ ngModel 和 ngFor

我正在尝试在 Angular2 中使用 ngModel 实现内联编辑。我有一个需要使用 ngFor 迭代并且还使用 ngModel 的数组。当我尝试对此数组应用内联编辑时,我只能为数组的每个变量编辑一个字符。

您可以在此处找到一个工作示例。

这是我一起使用 ngModel 和 ngFor 的组件的代码:

如果有人可以帮助我,那就太好了。

0 投票
2 回答
2980 浏览

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));

0 投票
3 回答
34843 浏览

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!

0 投票
1 回答
2554 浏览

angular - 如何在角度 2 中获取单选按钮值?

我正在做一个项目,我需要在表格中每行绑定 3 个单选按钮。我正在绑定这张桌子,但不知何故它没有发生。我正在分享我所做的代码。

我已经尝试过如何绑定到 angular2 beta 6 中的单选按钮,但它不起作用。

编辑如评论中所述。我创建了一个plunkr

PS 此代码在pug(Jade) 中。

0 投票
2 回答
7403 浏览

typescript - 将 Ionic2 popover ngModel 值传递给父页面组件并调用函数?

这就是我想要做的。

  • 将组单选按钮放在 Ionic2 弹出菜单中。
  • 这些选项实际上是控制内容要加载的 JSON 文件。
  • 用户选择一个选项,关闭弹出框,页面中的内容将相应更新。

我不确定如何将值从 Ionic2 Popover 传递给它的父组件。如果我理解正确,Ionic2 的 Popover 是一个子组件。但是我不知道如何传递[(ngModel)]价值。

我知道这里看起来很乱……好吧,如果有人好心做一个简单的例子来说明如何将值从 PopOver 传递到页面……

所以......这一切都在一个文件中:

弹出框组件:

这里的另一个类,页面: