Question

我正在开发一个围绕AngularJS构建的小接口。我有一个index.html文件，我构建了一个到base.html文件的路径（使用ng-view），其中包含几个元素，包括一个Morris图表。但是，当我启动index.html时，显示base.html的所有内容...除了图表。我在控制台中有以下错误： Error: Graph container element not found

所以我尝试将我的脚本morris.js（以及其他2个）移动到我的元素（包含图表）之后的base.html juste，但它既不起作用。< / p>

index.html

<!DOCTYPE html>
<div ng-app="pistApp" ng-controller="MainController" id="wrapper">
    <div ng-view id="page-wrapper">

    </div>
</div>

base.html

<!-- other elements who works but I simplify -->
<div id="morris-area-chart"></div>

Answer 1

由于Angularjs does not load scripts within ng-view

，问题已解决

我只需要在角度脚本之前包含jQuery。

Answer 2

Include in your project-'raphael/raphael.js','morris.js/morris.js', 'angular-morris-chart/src/angular-morris-chart.js','morris.js/morris.css'

这些文件将在bower安装angular-morris-chart之后出现在bower_components中。

尝试https://angular-morris-chart.stpa.co/

中的示例

它会起作用。

莫里斯图表不起作用（AngularJS）

2 个答案: