我是使用yeoman自動(dòng)產(chǎn)生的angularjs框架,想在自己的單頁(yè)應(yīng)用中加入圖表元素,在網(wǎng)上搜到一個(gè)解決方案:angular-chart.js(http://jtblin.github.io/angular-chart .js/)。
跟著教學(xué)一步一步來(lái),到了
angular.module('myModule', ['chart.js']);
這一步卡住了,當(dāng)我在對(duì)應(yīng)的controller中這樣寫後,重新運(yùn)行應(yīng)用,發(fā)現(xiàn)頁(yè)面上內(nèi)容消失了,即ng-view的p塊內(nèi)沒(méi)有內(nèi)容了,但是console欄並沒(méi)有報(bào)錯(cuò)。我也嘗試了把['chart.js']寫在app.js中,同樣沒(méi)有效果。
經(jīng)調(diào)試發(fā)現(xiàn),重新運(yùn)行應(yīng)用後,查看對(duì)應(yīng)controller的scope發(fā)現(xiàn),scope內(nèi)的變數(shù)labels、data等都是undefine,程式碼根本沒(méi)有運(yùn)行到對(duì)應(yīng)controller內(nèi)去。
先看看你所有的文件是不是都引入了進(jìn)來(lái),像Chart.js
,angular-chart.js
。我自己試了一下,是可以的。