如何將javascript轉換爲angularjs代碼

Question

我正在嘗試加載啓發式地圖，但我想通過使用angularjs加載地圖。 你可以找到openlayer例如這裏https://openlayers.org/en/latest/examples/accessible.html

<div id="map" style="height: 500px;"></div> 

js腳本

<script type="text/javascript"> 
    var g = new gs("map", { debug: true , language:'nl' }); 
    </script> 

我如何可以加載在agularjs這個代碼 請幫助

Answer 1

在非常基本的，你想要寫一個指令：

angular.module('yourModule') 
    .directive('loadMap', function() { 
    return { 
     restrict: 'EA', 
     link: function ($scope, element, attrs) { 
      new gs(element, { debug: true , language:'nl' }); // if this is enough to show the map 
     } 
    } 
}); 

在喲烏爾模板：

<div id="map" style="height: 500px;" load-map></div>