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

I如何仅在单击按钮时显示文本框值？在下面的代码段中

HTML:

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

---

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

就这么简单。如果它是组件属性，则必须使用

此

运算符访问它

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

顺便说一下，欢迎来到Angular2

---

就这么简单。如果它是组件属性，则必须使用

此

运算符访问它

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

顺便说一下，欢迎来到Angular2

---

您可以添加带有

*ngIf

的标志，并在单击

按钮时将其设置为
true

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

您可以添加带有
*ngIf
的标志，并在单击
按钮时将其设置为
true

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

您可以使用
this.serverName
访问textbox的值。您可以使用
this.serverName
访问textbox的值。