Angular-CLI 导入启动答案

【问题标题】：Angular-CLI import primengAngular-CLI 导入启动
【发布时间】：2017-01-20 16:33:31
【问题描述】：

我正在尝试让primeng在我的angular2项目中工作，但还没有开始工作。

采取的步骤：

已安装：npm install primeng --save
添加到模块 import {DialogModule} from 'primeng/primeng'; @NgModule({... imports: [DialogModule, ...]});
向index.html 添加样式表
添加到模板： <p-dialog header="Test" [(visible)]="display"> Content </p-dialog> 注意： display: boolean = false 在组件中

我没有收到任何构建或运行时错误，当我单击设置为display = true 的按钮时没有任何反应。

在我的研究中，我看到了很多对 webpack 和 system.js 的引用，因此我必须对其进行映射。我找不到这些文件，所以我不确定它是否适用于我。

编辑： angular-cli@1.0.0-beta.19-3

【问题讨论】：

你为什么在 ypur 标题中声明 primeng（它是 pimen，我更正了）但标记问题 primefaces

标签： angular import primeng

【解决方案1】：

你只需要导入你将使用的那个模块是正确的。

您的 cli.json 应该如下所示。顺便说一下，这只是一个例子。

"styles": [
    "../node_modules/font-awesome/css/font-awesome.min.css",
    "../node_modules/primeng/resources/themes/omega/theme.css",
    "assets/layout/css/layout.css",
    "../node_modules/primeng/resources/primeng.min.css",
    "../node_modules/fullcalendar/dist/fullcalendar.min.css",
    "../node_modules/quill/dist/quill.snow.css",
    "../node_modules/nanoscroller/bin/css/nanoscroller.css",
    "../node_modules/animate.css/animate.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/chart.js/dist/Chart.js",
    "../node_modules/moment/moment.js",
    "../node_modules/fullcalendar/dist/fullcalendar.js",
    "../node_modules/quill/dist/quill.js",
  ],

【讨论】：

【解决方案2】：

采取的步骤可能会对您有所帮助，

将所有primeng的css文件从index.html转移到angular-cli.json文件。像这样

"styles": [
    "../node_modules/font-awesome/css/font-awesome.css",
    "../node_modules/primeui/primeui-ng-all.min.css"
     ....
  ],

....

在 html 中打印您的变量 display 以确保绑定，并尝试简单地将 modal 默认设置为 true，就像这样
```
 <p-dialog header="Test" [(visible)]="true">....
```

【讨论】：

【解决方案3】：

您还必须将其添加到导出中（以使其对组件可见）：

@NgModule({
  imports: [ DialogModule],
  exports: [ DialogModule ]
})

【讨论】：

我认为没有必要在 exports 的列表中列出，原因已经是 dialogModule 是一个正在被某个地方导出的模块。
这是来自我的工作应用程序。喜欢就忽略吧。
哈哈，但这是无效的，所以在这里指出。反正没关系
如果我从导出中删除定义，对话框将不起作用。玩得开心。
不，将它添加到导出并没有解决它：/