Question

我对于meanstack相对较新，我试图在项目中包含一个角度甘特图。我已按照github上的文档执行了所有步骤，但我不断收到一些错误。这里简要介绍了我采取的步骤。

使用
安装角度甘特图
bower install angular-gantt --save
我使用以下方法来连接依赖项：

grunt wiredep
我将asset / angular-gantt.js和asset / gant.css添加到yo meanjs生成的config / env / all.js文件中
我将模块甘特图包含在publlic / config.js文件中的Angular app模块中

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

然后我将该指令包含在我的html
最后，我将操作包含在我的控制器中......

但我继续收到以下错误

 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会抛出错误，因为它无法将两个模板都应用于元素。如果您没有使用bootstrap，那么请搜索您的库并查看是否有一个名为'progress'的指令，然后更改其名称或将其注释掉。

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

1 个答案: