如何创建角度7组件？

Question

有人能指出正确的方向如何创建角度7组件吗？我在这里派生了一个jsFiddle：https://jsfiddle.net/gauravshrestha/fdxsywLv/此图表上的数据点可以上下拖动。我想将其变成一个组件并将变量acoptions中的对象作为输入参数传递。如果现有的角度组件可以创建可拖动的折线图，那么它也可以满足我的目的。

谢谢。

Answer 1

如果安装了角度CLI，则可以使用以下命令创建组件：

ng generate component <component-name or folder>

Here is a link to the official Angular CLI documentation

一旦生成了组件，将html，css和js代码放入相应文件中应该相对简单。

要将变量设置为输入参数，请在组件类中用@Input() acoptions对其进行注释。

Link to angular input documentation

还有一点需要注意，您可能想为acoptions创建一个接口，因为它是一个相当复杂的数据对象，带有图层。这还将为您的代码增加保真度。