Question

我正在使用当前版本的Angular CLI/4，我有一段代码（HTML +实际JS代码），它们在我的应用程序的多个部分中出现。我认为创建一个组件并在我需要的地方添加它会很棒，但我需要提供一些从服务器获取的数据，我还需要从组件中获取一些数据。我理解如何创建组件以及如何使用它们，但我找不到为它创建自定义属性的方法，通过它我可以双向绑定对象。所以我想要的是以下内容：

@Component({
  selector: 'app-page',
  template: '<app-myComponent [(data)]="myDataList" [(selector)]="selection"></app-myComponent>'
})
export class PageComponent implements OnInit {
  myDataList: any;
  selection: string;

  // And then constructor and init method with the call to the server, which will set the myDataList and so on.
}

因此，在我的示例中，组件会显示data中的内容，它通过myDataList显示，如果选择了某些内容，则会设置变量selection，该变量通过selector。

我找到了Directives，Annotations和Decorators，但我不确定这是我想要的。

我真的需要你的帮助。

非常感谢！

Answer 1

您必须设置一个角度服务，该服务将成为您正在使用的每个组件的数据提供者。

您在每个组件中注入服务。阅读此视频https://www.youtube.com/watch?v=L7xPwhwbcHE

创建具有绑定数据的属性的组件

1 个答案: