0

MeanJSフレームワークを使用して、d3 と angular を連携させようとしています。私はD3をたくさん使ってきましたが、JSとangularを意味するのは非常に新しいです。ベスト プラクティスは、d3 コードをディレクティブに入れることです。customers という名前の CRUD モジュールを既に作成していたので、次のコマンドを使用しました。

yo meanjs:angular-directive mus-example

これにより、ディレクティブ ファイルが生成され、すべてが接続され、次のコードが得られました (追加したコメントを除く)。

'use strict';



angular.module('customers').directive('musExample', [
function() {
return {
template: '<div></div>',
restrict: 'E',
link: function postLink(scope, element, attrs) {

                //I want to add my d3 code here

                element.text('this the musExample directive');
            }
        };
    }
]);

使用してテストしましたが、すべて問題ありません。ディレクティブは element.text を出力するので問題ありません

それでは、D3コードを入れたいと思います.bower install d3を実行してd3をインストールしました

これにより、env/all.js ファイルが更新されたようで、d3 がブラウザーに読み込まれていることがわかります。しかし、ディレクティブで D3 コードを使用しようとするとすぐに、次のようなエラーが発生します。

  public/modules/customers/directives/mus-example.client.directive.js
 13 |                 var color = d3.scale.category10();
                                  ^ 'd3' is not defined.

私が本当に求めているのは、ディレクティブを介して d3 を meanJS にフックする方法のハローワールドの例です。ある種の構成ファイルまたはd3で更新していないものがあると思いますが、これは本当に単純なものであると確信しています.meanjsにはまだ慣れていません. d3 と Angular を接続するのは非常に簡単です。ここで起こっていることは、私が meanjs を正しく理解していないことに関係しています。

どんな助けでも大歓迎です。

4

2 に答える 2