无法在meanjs样板中实例化角度甘特图

Question

我对 meanstack 比较陌生，我正在尝试在项目中包含角度甘特图。我已经按照 github 上的文档执行了所有步骤，但我不断收到一些错误。以下是我采取的步骤的简要概述。

1. 使用安装角度甘特图

   凉亭安装角度甘特图--保存

2. 我使用以下方式连接依赖项：

   咕噜连线

3. 我将asset/angular-gantt.js和asset/gant.css添加到yo meanjs生成的config/env/all.js文件中

4. 我在 publlic/config.js 文件中将模块甘特图包含到我的 Angular 应用程序模块中

5.我还在 angular-gantt 文件夹中运行 grunt 来构建 angular-gantt.min.js 和 angular-gantt.js 我意识到还包括 angular-gantt.js.map 和 angular-gantt.min.js.map

6. 然后我将指令包含在我的 html 中

7. 最后我将这些操作包含在我的控制器中...

但我不断收到以下错误

 TypeError: undefined is not a function
at new controller (http://localhost:3000/lib/angular-gantt/assets/angular-gantt.js:143:43)
at Object.invoke (http://localhost:3000/lib/angular/angular.js:4118:17)
at extend.instance (http://localhost:3000/lib/angular/angular.js:8312:21)
at http://localhost:3000/lib/angular/angular.js:7564:13
at forEach (http://localhost:3000/lib/angular/angular.js:347:20)
at nodeLinkFn (http://localhost:3000/lib/angular/angular.js:7563:11)
at http://localhost:3000/lib/angular/angular.js:7824:13
at processQueue (http://localhost:3000/lib/angular/angular.js:12901:27)
at http://localhost:3000/lib/angular/angular.js:12917:27
at Scope.$eval (http://localhost:3000/lib/angular/angular.js:14110:28)

和

Error: [$compile:multidir] Multiple directives [ganttTaskProgress, progress] asking for template          on: <div class="gantt-task-progress" ng-style="getCss()" ng-class="progress.classes" ng-    if="task.progress !== undefined" progress="task.progress"> http://errors.angularjs.org/1.3.1/$compile/multidir?p0=ganttTaskProgress&p1…task.progress%20!%3D%3D%20undefined%22%20progress%3D%22task.progress%22%3E
at http://localhost:3000/lib/angular/angular.js:80:12

Answer 1

我可以解决您的第二个错误。 Gant 有一个名为“ganttTaskProgress”的指令，它有一个名为“progress”的属性。 Bootstrap 有一个名为“progress”的指令，它匹配属性。因此，Angular 会抛出一个错误，因为它不能将两个模板都应用到元素上。如果您不使用引导程序，请搜索您的库并查看是否有一个名为“progress”的指令，然后更改其名称或将其注释掉。