点击按钮获取输入字段数据，并获取angular7中p元素的值

我是angular方面的新手，我的先生让我通过点击angular 7的按钮来获取p元素中的输入字段数据。我使用一些函数（onClick，onClickSubmit，myFunction）进行了很多尝试，但每次尝试都失败了。我想我在数据绑定/事件绑定方面遇到了问题。请帮助我解决这个问题

app.component.html：

<input type="text" [(ngModel)]="name" name="name">
<br><br>
<button (Click)="onClick">Show</button>
<p>{{name}}</p>

tempName : string = '';  // Temp variable to hold input
origName : string = '';  // Name to be displayed

<input type="text" [(ngModel)]="tempName" name="name">

<button (click)="origName=tempName">Show</button>

<p *ngIf="origName!=''">{{origName}}</p>

试着这样做：

.html

显示
{{name}

只需将输入值输入到临时变量中，并在单击时将其复制到显示中即可

应用程序组件.ts：

<input type="text" [(ngModel)]="name" name="name">
<br><br>
<button (Click)="onClick">Show</button>
<p>{{name}}</p>

tempName : string = '';  // Temp variable to hold input
origName : string = '';  // Name to be displayed

<input type="text" [(ngModel)]="tempName" name="name">

<button (click)="origName=tempName">Show</button>

<p *ngIf="origName!=''">{{origName}}</p>

app.component.html：

<input type="text" [(ngModel)]="name" name="name">
<br><br>
<button (Click)="onClick">Show</button>
<p>{{name}}</p>

tempName : string = '';  // Temp variable to hold input
origName : string = '';  // Name to be displayed

<input type="text" [(ngModel)]="tempName" name="name">

<button (click)="origName=tempName">Show</button>

<p *ngIf="origName!=''">{{origName}}</p>

显示
{{{origName}

。另外，由于这是一个练习，您可能需要读取“”。在本例中，数据是remove，然后我按backspace，我认为它是双向数据绑定。单击“提交”按钮后，输入数据并删除两侧。