0

这是代码的图像，我不知道如何在 angular 10 中使用它你好，我是 angular 新手，我想要 angular -gantt在我的 angular 10 项目中使用 angular-gantt 有人可以逐步解释我吗？为此...事件我尝试在 angular.json 文件中添加 js 和 css。

"styles": [
          "node_modules/angular2-multiselect-dropdown/themes/default.theme.css",
          "node_modules/@coreui/icons/css/coreui-icons.css",
          "node_modules/flag-icon-css/css/flag-icon.css",
          "node_modules/font-awesome/css/font-awesome.css",
          "node_modules/simple-line-icons/css/simple-line-icons.css",
          "node_modules/intl-tel-input/build/css/intlTelInput.css",
          "src/scss/style.scss",
          "node_modules/summernote/dist/summernote-lite.min.css",
          "node_modules/angular-gantt/dist/angular-gantt.min.css"

        ],
        "scripts": [
          "node_modules/chart.js/dist/Chart.min.js",
          "node_modules/intl-tel-input/build/js/intlTelInput.min.js",
          "node_modules/summernote/dist/summernote-lite.min.js",
          "node_modules/angular-gantt/dist/angular-gantt.min.js"
        ]
4

1 回答 1

0

试试下面这个步骤，

  1. 从 ej2-angular-gantt 包中导入 app.module.ts 文件中的 GanttModule。从“您下载的位置”导入 { GanttModule }；

  2. 在 app.module.ts 的 providers 部分中导入和注入 GanttModule。@NgModule({ 声明: [ .. ], 进口: [ .. GanttModule, .. ], })

  3. 在styles.css 中参考Angular Gantt 的CSS 文件

  4. 示例：在你的ts中配置data和taskfield，并在html中绑定如下，

    <ejs-gantt id="GanttSample" [dataSource]="data" height="500px" width="800px" [taskFields]="taskfield">

于 2021-03-26T07:48:17.153 回答