angular.js - AngularJS 请求 Json 并 赋值到 指令 中
仅有的幸福
仅有的幸福 2017-05-15 17:01:52
0
4
646

我在用如下方法在angular中用D3.js 画图。第一部分是实现画图功能的。涉及到directive.js写指令,controller.js中写作用域scope,在页面中写指令的p三个部分。我的问题是:在把contoller.js中的作用域scope的值放入json中访问时,无法画出相同的图形了。
首先贴上能实现画图功能,但是scope值写在本地的代码:
1、directive.js


2、controller.js

3、left.html

以上方法便能画出 angular+d3.js的图,如下~

可是,问题来了,想把controller.js 中的数据,变成$http.get("grade.json").success(function(data)这样请求的文件内的数据。

grade.json的数据如下:

会出现错误。。。

为什么呀。。

仅有的幸福
仅有的幸福

全員に返信(4)
左手右手慢动作

命令を使用するため、命令の独立性を維持するために独立したスコープを使用するようにしてください。あなたの状況に応じて、これに変更できます

リーリー
いいねを押す +0
迷茫

完了です。 。 。 salesDataToPlot,看看是不是null,报错提示应该就是那里的原因;还有指令与控制器之间的数据传递要么使用独立作用域,然后使用scope パラメーター バインディングの対応する値を命令内で出力することも、継承されたスコープを使用することもできます。

いいねを押す +0
过去多啦不再A梦

json ファイル内のキーは二重引用符で囲む必要があります

いいねを押す +0
滿天的星座

これは $http リクエスト中は非同期であり、dom がロードされた時点でディレクティブはすでにコンパイルされています。 もちろん salesData は未定義です。

こうあるべき

リーリー

= = なんと、質問者はコードのスクリーンショットを直接投稿せずに質問できますか?セグメントフォルトはマークダウン構文をサポートしています、親愛なる

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート