莫里斯图不工作（AngularJS）答案

【问题标题】：Morris chart not working (AngularJS)莫里斯图不工作（AngularJS）
【发布时间】：2015-04-22 05:31:37
【问题描述】：

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

所以我尝试在创建我的元素（将包含图表）后将我的脚本 morris.js（和其他 2 个）移动到 base.html juste，但它也不起作用。

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>

【问题讨论】：

检查元素并查看网络选项卡。 morris.js 是否得到 200 OK 响应？
是的，当 morris.js 在 index.html 中但当我把它放在 base.html 中时，我在网络选项卡中看不到它

标签： angularjs morris.js

【解决方案1】：

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/中的例子

它会起作用的。

【讨论】：

【解决方案2】：

感谢Angularjs does not load scripts within ng-view，问题解决了

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

【讨论】：