将 Angularjs 值分配给 Javascript 变量答案

【问题标题】：Assigning Angularjs Value to Javascript Variable将 Angularjs 值分配给 Javascript 变量
【发布时间】：2014-08-19 11:21:58
【问题描述】：

我正在尝试显示地图。

但这里我取了 Latitude 和 Longitude getting from AngularJs,

的值

如何assign these values to variable。任何人都可以建议我解决方案吗？

这是我的代码。

<div>
    <div id="map">
        <script>
            var lat = {{proplist.propagentslattitude}};
            var long = {{proplist.propagentslongitude}};
        </script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <div style="overflow:hidden;height:300px;width:920px;">
            <div id="gmap_canvas" style="height:300px;width:920px;"></div>
            <a class="google-map-code" href="http://www.map-embed.com" id="get-map-data">google maps</a>
            <style>#gmap_canvas img{max-width:none!important;background:none!important}</style>
            <a class="google-map-data" href="http://www.sparmichl.de" id="get-map-data">sparmichl</a>
        </div>
        <script type="text/javascript"> function init_map() { var myOptions = { zoom: 16, center: new google.maps.LatLng(lat, long), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions); marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(lat, long) }); infowindow = new google.maps.InfoWindow; google.maps.event.addListener(marker, "click", function () { infowindow.open(map, marker); }); infowindow.open(map, marker); } google.maps.event.addDomListener(window, 'load', init_map);</script>
    </div>
</div>

我在这里分配了both latitude and longitude 值。

如何分配正确的方式。

<script>
    var lat = {{proplist.propagentslattitude}};
    var long = {{proplist.propagentslongitude}};
</script>

【问题讨论】：

你走错了路，将它与你的 Angular 应用程序集成，这样你就可以传递值了。

标签： javascript jquery angularjs model-view-controller

【解决方案1】：

你可以使用 div 来做到这一点。

您可以将角度值合二为一 {{proplist.propagentslattitude}} 在您的 html 中。

然后在你的脚本中使用 document.getElementById('angularvalue').innerText 获取这个值。

<div id="angularvalue" style="display:none">{{proplist.propagentslattitude}}</div>

<script>
window.onload=testing ;
function testing(){
var value=document.getElementById('angularvalue').innerText;
alert(value);
}

</script>

现在您的价值可以使用了。

【讨论】：

【解决方案2】：

您不能将值分配给模板中的变量。你应该从控制器分配这个变量。

【讨论】：

【解决方案3】：

您可能希望为此使用directive。

该指令将有一个谷歌地图服务，它将保存您的状态（例如 lon\lat），它将成为您的指令获取东西的助手。

您在 Angular 世界中，您应该仅从指令操作 DOM。

【讨论】：

【解决方案4】：

您可以在控制器中添加谷歌地图代码，在视图文件中您可以添加 html。评论这个笨蛋http://embed.plnkr.co/IBUlwwohxW9IyfJRr6HI/

更好的选择当然是使用指令，或者您也可以自己创建一个。

【讨论】：