Html 从输入到其他组件的角度6数据

我有一个组件，它写着：Hello Angular6
app.component.html:

app.component.ts:

 import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular 6';
}

任务是创建一个新组件，名为

“Userchange”

我有一个按钮和一个文本类型输入，它应该是这样工作的：我在输入框中写一些东西，然后按下按钮，app.component中的

'name'

应该是给定的文本。
你能帮我吗

我刚开始学习Angular。

欢迎来到Angular！ 有几种方法可以做到这一点。这里有一个

要查看这些代码是如何组合在一起的，您可以在StackBlitz中查看这些代码

在userChange.component.html中：

<input type="text" #myTextInput value="DefaultValue"/>
<button (click)="changeName(myTextInput.value)">Click me to change the name</button>

App.Component.html将使用双向数据绑定，这意味着您的变量（在本例中为名称）将通过eventEmitter用作变量输入和输出，以向父级发回名称已更改的信号，并相应地采取行动：

<userChange [(name)]="name"></userChange>
Hi {{name}}

你好{{name}

为了进一步的参考，我推荐Angular的《英雄之旅》和thoughtram在

欢迎来到Angular！ 有几种方法可以做到这一点。这里有一个

要查看这些代码是如何组合在一起的，您可以在StackBlitz中查看这些代码

在userChange.component.html中：

<input type="text" #myTextInput value="DefaultValue"/>
<button (click)="changeName(myTextInput.value)">Click me to change the name</button>

App.Component.html将使用双向数据绑定，这意味着您的变量（在本例中为名称）将通过eventEmitter用作变量输入和输出，以向父级发回名称已更改的信号，并相应地采取行动：

<userChange [(name)]="name"></userChange>
Hi {{name}}

你好{{name}

---

为了进一步的参考，我建议浏览Angular的《英雄之旅》和thoughtram在

上的精彩帖子，我也在学习Angular:）。这是一个可能比上一个答案更简洁的答案。

我也在学习角度：）。这里是，可能比上一个答案更简洁。

如果这是angular 6，那么应该标记为angularjs，而不是angularjs。AngularJS是与现代AngularJS截然不同的pre2库。还应更新标题以反映角度6 vsAngularJS@scrappedcola谢谢，你读过angular 6《英雄之旅》教程了吗？我建议你看看Fire手套提到的教程，还有，请注意，angular 2+的工作原理基本相同，只有当您尝试返回到pre2时，它才被视为不同的库。@Fire手套我有，我不明白。如果这是angular 6，则应将其标记为angularjs，而不是angularjs。AngularJS是与现代AngularJS截然不同的pre2库。还应更新标题以反映角度6 vsAngularJS@scrappedcola谢谢，你读过angular 6《英雄之旅》教程了吗？我建议你看看Fire手套提到的教程，还有，注意angular 2+的工作原理基本相同，只有当您尝试返回到pre2时，它才被视为一个不同的库。@Fire手套我有，我不明白。不过，您的可能更容易理解，只要skick了解NgModel的功能。如果他没有，文档就在这里：不过你的文档可能更容易理解，只要skick了解NgModel的功能。如果他没有，文档如下：