我是 Angular 2 的新手,尝试根据使用 Angular 2 的模型动态生成一堆输入字段。有些字段是密码字段。如果是的话,我想让输入字段输入密码。我写过这样的东西:
<div *ngFor="let field of connector.type.configFields">
<label>{{field.name}}</label>
<input [(ngModel)]="field.value" />
</div>
现在的问题是,如果 field.name 是密码,我想将字段设置为密码
我正在考虑在输入中添加类似的内容
<div *ngFor="let field of connector.type.configFields">
<label>{{field.name}}</label>
<input [(ngModel)]="field.value" *ngIf="field.name =='Password'" type="password" />
</div>
现在,如果我这样做,所有其他不是密码的字段都不会被渲染。仅呈现密码字段。我做错了什么。(我对 angular2 很陌生)
这可能有效,但据我记得,设置type
不支持动态(但可能值得一试):
<input [(ngModel)]="field.value" [type]="field.name === 'Password' ? 'password' : 'text'"/>
这是安全的选择:
<input [(ngModel)]="field.value" *ngIf="field.name === 'Password'" type="password" />
<input [(ngModel)]="field.value" *ngIf="field.name !== 'Password'" type="text" />
If field.name
is 'Password'
,第一个输入被添加,否则第二个输入被添加到 DOM 中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)