在我的项目中实现angular2组件

Implementing angular2 component into my project

本文关键字：angular2 组件实现我的项目更新时间：2023-09-26

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

现在我想在MyProject中使用这个组件。我的印象是这将是令人难以置信的简单，但要么我的谷歌foo查找指导angular2是糟糕的，或者angular2日历的文档是。

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

基本上，我想做的就是写一个angular2应用程序，它使用angular2日历来显示用户输入到我将构建的表单中的数据。

我讲对了吗?在运行ng new MyProject之前，我是否错过了需要采取的步骤?是否有一个关于如何做到这一点的干净和清晰的教程?因为这不是angular的一个重要特征吗?能够采取别人的模块，并在您的项目中使用它?

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

并查看演示代码。他向您展示了要导入的内容以及如何进行设置。