通过单击按钮获取输入字段数据，并在angular7的p元素中的按钮下方获取值

Question

我是angular的新手，先生给我练习，通过使用angular 7单击按钮来获取p元素中的输入字段数据。我使用某些功能（onClick，onClickSubmit，myFunction）做了很多尝试，但是我失败了每次尝试。我认为我在数据绑定/事件绑定中遇到问题。请帮助我解决此问题。

app.component.html file

app.component.ts file

Answer 1

尝试这样：

<input type="text" [(ngModel)]="name" name="name">
<br>
<br>
<button (click)="show = true">Show</button>
<p *ngIf="show">{{name}}</p>

Answer 2

为此可以有两种解决方案（您都可以找到here working link）。

1. 动态更新：您在文本框中输入的内容也应立即反映在段落中。 解决方案：这可以通过使用ngModel两种方式进行数据绑定来实现。在这种情况下，没有 按钮需要更新段落。

2. 只有在您提交或单击按钮时，段落才应使用输入的文本。

   Check this link, you can play with it by changing code

希望这会有所帮助。祝一切顺利。继续学习。