2016-05-14 17 views
0

私は、HTMLページ、そのページにルーティングされているビュー、ルーティングされているビューに追加するディレクティブのテンプレートからなるAngularアプリケーションを持っています。角型ディレクティブとルーティング

index.htmlページには、ngRoute fineを使用したビューが表示されます。ルーティングされているビューに角度チャートを使用しようとしていますが、グラフが表示されません。ルーティングされたHTMLページのコードは次のとおり

<!DOCTYPE html> 

<html lang="en"> 
    <head> 
    ... 
    </head> 
    <body> 
     ---Some Code---- 
     <div create-chart></div> 
    </body> 
</html> 

「の作成チャートを」要素は、別のHTMLテンプレートのチャートを作成指令を指します。

ディレクティブを構築するためのコードは次のとおりです。チャートは表示されませんなぜ

var app = angular.module('penny', ['ngRoute', 'pennyControllers']); 
app.config(['$routeProvider', ... 

var chart = angular.module('chart', ['chart.js']); 
    app.directive('createChart', function() { 
    return { 
     restrict: 'E', 
     templateUrl: '../chart/chart.html' 
    }; 
    }); 

誰でも知っていますか?あなたが制限入れているあなたのコードで

+0

コンソールを確認しましたか? – dipesh

答えて

0

:「E」

それは多分理由ではないのですが、「Eは」要素のためです。

あなたはすべての

<create-chart></create-chart> 

最初に使用すべきである。これにより

を制限してみてください:<div create-chart></div>

1

を使用するには 'A' は、 "A" は、 "E" は、要素のためである、属性のためです。アトリビュートからディレクティブを呼び出すので、以下を使用してください:

restrict: 'A' 
+0

これは動作するようですが、何もdivに表示されません。グラフがどこにあるべきかの概要は明確ですが、グラフは表示されません。助言がありますか? – Nick

+0

既存のコードを作成して共有することができますので、これを簡単にすることができます。 – Pranab

関連する問題