0

ang に ngMap、nvd3 などのディレクティブを含めました

var app = angular.module('myApp', [ 'nvd3','ngMap']);

angular.module('myApp').
controller('MainCtrl', ['$scope', '$filter', '$compile',  '$http', '$q', '$log', function($scope,  $compile, $timeout, $http) {

var template = '<div class= "chartsDiv">'
							+ ' <div class="col"> <p class="graphtitle"> NetSpend Over Time </p> <nvd3 id = "chart3" options="netspendovertime_options" data="netspendovertime_data"></nvd3> </div>'
							+ ' <div class="col"> <p class="graphtitle"> Google Map </p>   <map center="43.07493,-89.381388" zoom="8"> </map> </div>'
							+ ' </div>';

});

ularJs アプリケーション。

コントローラには 2 つのダッシュボードが用意されており、1 つは nvd3 に関連し、もう 1 つは ngMap に関連しています。ブラウザ nvd3 関連のダッシュボードへのレンダリング中に、ngmap 関連のダッシュボードが表示されません。

テンプレートを作成するためのサンプル コードは次のとおりです。

4

1 に答える 1

0

angular.js の前にヘッダーに参照を追加しましたか?

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=weather,visualization,panoramio"></script>
于 2015-03-12T18:40:08.757 に答える