Question

我有一个允许人们构建内容的生成器，最后用户以模态获取JavaScript，以便他们可以复制并粘贴它以供自己使用。

我的问题是如何实际编写和显示此代码。

我只会显示一小部分代码，以便您可以看到，但在Controller中我有以下内容

var gen = "&lt;script src='https://maps.googleapis.com/maps/api/js?key=" + $scope.user.api + "&sensor=false&extension=.js'&gt;&lt;/script&gt; \n \n" +
    "&lt;script&gt; \n" +
    "    google.maps.event.addDomListener(window, 'load', init);\n" +
    "    var map;\n" +
    "    function init() {\n" +
    "        var mapOptions = {\n" +
    "            center: new google.maps.LatLng(" + $scope.user.lat + "," + $scope.user.lon + "),\n" +
    "            zoom: " + $scope.user.zoomlvl + ",\n";
if ($scope.user.zoom.val == "FALSE") {
    gen += "            zoomControl: false,\n";
} else {
    gen += "            zoomControl: true,\n" +
        "            zoomControlOptions: {\n" +
        "                style: google.maps.ZoomControlStyle." + $scope.user.zoom.val + ",\n" +
        "            },\n";
}

在DOM中我然后执行ng-bind="gen"输出上述内容。

我正在努力寻找一种常见的做法，我可以让代码自动嵌套并在需要时交换变量。

我希望有人知道更简单和/或更清洁的方式，因为实际代码的其余部分非常混乱。

AngularJS将可读代码导出给用户

0 个答案: