AngularJS模態谷歌地圖API

我有我的主頁包含一個位置列表。在桌子下面，有一個按鈕，它應該打開一個包含表單的彈出窗口來添加一個新的位置。AngularJS模態谷歌地圖API

這個彈出窗口應該包含一個谷歌地圖，它將顯示輸入的地址。

點擊「創建新位置」

<button ng-click="CreateLocationPopup();" class="btn btn-xs btn-mercedes">@Labels.NewLocation</button>

調用函數

angular.module('App').controller("LocationController", ['$scope', '$modal', 
function($scope, $modal) { 

    $scope.CreateLocationPopup = function() { 
     $modal.open({ 
      templateUrl: 'CreateLocation.html', 
      size: 'lg' 
     }); 
    }; 
} 
]);

其中打開這個（放置在主頁面的位置表）

<script type="text/ng-template" id="CreateLocation.html"> 
    <event-location></event-location> 
</script>

的event-location指令只在我的MVC控制器中調用一個函數，它只會調用一個PartialView。

在我的創作彈出我有不同的領域和圖像預覽

<div id="img-canvas"> 
    <img id="img-preview" src="@Url.Content(pictureUrl)" alt="location image preview" style="max-width: 100%; max-height: 100%;" accept="image/*" /> 
</div> 


<div id="map-canvas" style="height: 400px; width: 600px; margin-top: 60px; margin-left: auto; margin-right:auto;"></div>

的問題是，我需要調用2 javascript函數時，頁面渲染，但稱他們在我的部分觀點不工作（JavaScript是不點火）

initializeLocationMap("map-canvas"); 
previewImage("ImageBrowse", "img-preview");

所有fiels很好顯示除了谷歌地圖圖像

來源

2016-01-20 Weedoze

你有'[$ scope''一個錯誤，你錯過了一個報價 – suvroc

就在失敗時複製/粘貼 - 哎呀 – Weedoze

所以，你在哪裏執行和定義這個'initializeLocationMap'函數 – suvroc

問題由自己解決。這是我第一次使用directive。

我加link我event-location指令

link : function() { 
     initializeLocationMap("map-canvas"); 
     previewImage("ImageBrowse", "img-preview"); 
    }

來源

2016-01-20 10:19:59 Weedoze

AngularJS模態谷歌地圖API

回答

相關問題