如何将 javascript 转换为 angularjs 代码

Question

我正在尝试加载 openlayer 地图，但我想使用 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>