将angular2组件实现到我的项目中

时间:2016-10-11 16:58:55

标签: javascript angular calendar angular2-template

我使用angular-cli工具开始一个角度为2的新项目。我已经运行ng install -g angular-cli来安装angular-cli。然后我已经运行ng new MyProject让angular-cli创建我需要的目录结构和文件来启动和运行我的新项目。一旦angular-cli完成所有构建,我将目录更改为〜/ MyProject并运行npm install --save angular2-calendar

现在我想在 MyProject 使用此组件。我的印象是非常容易,但是我的google foo找到angular2的指令是非常糟糕的,或者是angular2-calendar的文档。

这是我迄今为止所尝试过的。运行npm install --save angular2-calendar后,我进入了MyProject/src/app/app.component.ts文件并添加了import { CalendarModule } from 'angular2-calendar';。然后我进入相应的app.component.html添加了行<CalendarModule></CalendarModule>

基本上我想做的就是编写一个angular2应用程序,该应用程序使用angular2-calendar来显示我的用户输入的数据。我将构建一个表单。

我在这里走在正确的轨道上吗?在运行ng new MyProject之前,我错过了我需要采取的步骤吗?有关如何做到这一点的干净清晰的教程吗?因为这不是角度的巨大特征吗?能够带走别人的模块并在你的项目中使用它吗?

1 个答案:

答案 0 :(得分:0)

<CalendarModule></CalendarModule>无效。我去了他的演示网站: https://github.com/mattlewis92/angular2-calendar/blob/master/demo/demo.component.ts

并查看了演示的代码。他向您展示了要导入的内容以及如何设置它。希望这会有所帮助。

相关问题