Question

我如何只在点击按钮时显示文本框值？下面的代码片段..

HTML：

<input type="text" [(ngModel)]="serverName">
<button class="btn btn-primary" (click)="onAddClk">Add</button>

TS档案：

onAddClk(){

}

如何从TS文件访问我的ngModel，以便在按钮单击时我可以看到我的文本框的内容？

Answer 1

就这么简单。如果是组件属性，则必须使用this运算符访问它。

onAddClk() {
    console.log(this.serverName);
}

顺便欢迎来到Angular2 !!
https://angular.io/tutorial

Answer 2

您可以添加*ngIf的标记，并在点击true时将其设置为button。

<div>
      <input type="text" [(ngModel)]="serverName">
      <button class="btn btn-primary" (click)="onAddClk()">Add</button>
      <div *ngIf="showServerName">{{serverName}}</div>
</div>

component.ts：

serverName;
showServerName = false;

onAddClk(){
  alert("Server Name: " + this.serverName); 
  this.showServerName = true;
}

demo

仅在按钮单击时更新文本框值

2 个答案: