javascript - 如何创建 7 Angular 分量?

标签 javascript angular typescript chart.js

任何人都可以为我指明如何创建 7 Angular 分量的正确方向吗?我在这里 fork 了一个 jsFiddle:https://jsfiddle.net/gauravshrestha/fdxsywLv/该图表上的数据点可以上下拖动。我想将其变成一个组件并传递变量 acoptions 中的对象作为输入参数。如果有一个现有的 Angular 组件可以创建可拖动的折线图,它也可以满足我的目的。

谢谢。

最佳答案

如果您安装了 Angular 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 创建一个接口(interface),因为它是一个相当复杂的数据对象,具有层。这也将为您的代码增加一些保真度。

关于javascript - 如何创建 7 Angular 分量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55506800/

相关文章:

javascript - 如何根据用户输入的数字动态地将文本字段添加到表单

javascript - double not (!!+) 的 Angular2 模板问题

javascript - NavigationEnd 的 url 属性返回未定义(Angular 6)

javascript - typescript : cannot read property 'long_name' of null

javascript - 如何更改 JavaScript 中元素的样式属性?

javascript - 只需稍加调整即可创建从一个对象到另一个对象的 JSON 对象

javascript - sheepit 表单 - 使用 php 显示已保存的表单值

angular - 在 cPanel 上部署 Angular webApp

javascript - 异常 : TypeError: undefined is not an object (evaluating 'pipe.constructor' ) in Ionic 2?

typescript - Aurelia StageComponent - 如何将子组件渲染到 DOM 树中?