ngModel没有[]和()是什么?

huangapple go评论96阅读模式
英文:

What is ngModel without [] and ()?

问题

ngModel是什么,没有方括号和括号,何时使用它?

<input name="name" ngModel>

我知道[ngModel]是一种一向绑定的语法,[(ngModel)]是双向绑定,但当你不使用任何方括号和括号时,它是什么意思?

英文:

what is ngModel without brackets and parentheses and when to use it?

&lt;input name=&quot;name&quot; ngModel&gt;

I know [ngModel] is syntax for one-way bindning and [(ngModel)] is two-way bindning but what does it mean when you write without any brackets and parentheses?

答案1

得分: 0

NgModel 只是一个指令。
根据Angular文档:

从领域模型创建一个FormControl实例,并将其绑定到表单控件元素。

如果将它放在HTML元素中,它只是将这个类的所有方法带到该元素中。这意味着您可以根据需要使用它,例如获取change事件 - (ngModelChange)

小例子:

<input (ngModelChange)="onChange($event)" ngModel />

这个输入没有初始值,但会在更改时触发事件。

英文:

NgModel is just a directive.
From Angular documentation:

> Creates a FormControl instance from a domain model and binds it to a
> form control element.

If you put it into HTML element, it just brings all methods of this class to the element. Thus means you can use it with your needs, for example get change event - (ngModelChange).

Small example:

&lt;input (ngModelChange)=&quot;onChange($event)&quot; ngModel /&gt;

This input has no initial value, but will emit event on change.

答案2

得分: -3

<input name="name" [(ngModel)]="propertyName">

英文:

<input name="name" [(ngModel)]="propertyName">

huangapple
  • 本文由 发表于 2023年7月13日 19:21:36
  • 转载请务必保留本文链接:https://go.coder-hub.com/76678803.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定