如何在Angular 6中检索ng-input的值
如何在Angular 6中检索ng-input的值
提问于 2018-08-29 16:53:57
我使用Angular 6和模块ngx-chips来使用ng-input字段，所以这是HTML模板：
<div class="form-group container">
<div class="row">
<div class=" col-sm-12">
<label for="FormControlAlias"
class="col-sm-2 col-form-label float-left">Alias</label>
<div class="col-sm-8 float-left" >
<tag-input #alias [(ngModel)]="aliasList"
[secondaryPlaceholder]="'Enter the project aliases'"
[placeholder]="'Enter an alias'"
[modelAsStrings]="true"
name="alias" [separatorKeyCodes]="[188]" > </tag-input>
</div>
</div>
</div>
</div>
<button type="button" class="btn btn-primary"
(click)="addAlias(alias.value);>Add</button>下面是我通过单击按钮调用的函数：
addAlias( alias: Array<string>): void {
console.log(alias.value);
}在控制台中，我得到这个错误：
ERROR TypeError: "alias is undefined"我想获取别名的值并向数据库发出post请求，但无法检索到该值。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-08-29 16:59:21
您必须将aliasList定义为类中的变量。
在您可以使用以下命令检索值之后：
addAlias(): void{
console.log(this.aliasList);
}Stack Overflow用户
发布于 2018-08-29 17:01:23
您不需要从模板发送alias值。您已经通过ngModel在aliasList中设置了这些值。就用它吧。
addAlias() {
console.log(this.aliasList);
}模板
<button type="button" class="btn btn-primary"
(click)="addAlias()">Add</button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52073344
复制相关文章
相似问题
腾讯云开发者
