Angularjs ui-gmap-window对象数据不渲染
Angularjs ui-gmap-window object data not rendering
我在angularjs中有一个ui-gmap-window的问题。问题是将对象数据放入窗口,因为它似乎不会渲染。
这是我的标记:
<ui-gmap-window coords="selectedmarker.coords" options="windowOptions" closeClick="closeClick()" show="windowOptions.show">
<div style="overflow: auto; width: 300px;">
<h2 style="font-size: 12px">{{selectedmarker.title}}</h2>
<h2 style="font-size: 12px">ADRESS:</h2>
<span>{{selectedmarker.addressStreet}}</span>
<br/>
<span>{{selectedmarker.addressZip + ' ' + selectedmarker.addressCity}}</span><br/>
<span>{{'Telefon: ' + selectedmarker.phoneNumber}}</span><br/>
<span>{{'E-postadress: ' + selectedmarker.email}}</span>
<h2 style="font-size: 12px">ÅTERFÖRSÄLJARE AV:</h2>
<span>{{selectedmarker.products}}</span>
</div>
</ui-gmap-window>
<ui-gmap-markers click="'onClick'" models="retailersService.foundRetailers.retailers" coords="'coords'" icon="'icon'" idKey="id">
</ui-gmap-markers>
这是我的角:
$scope.selectedmarker = {};
$scope.onClick = function (data) {
$scope.windowOptions.show = !$scope.windowOptions.show;
$scope.selectedmarker = data;
};
//call the on-click-funcionality with my collection of objects.
$scope.addMarkerClickFunction(mycollection);
//On-click-functionality
$scope.addMarkerClickFunction = function (mycollection) {
angular.forEach(mycollection, function (value, key) {
value.onClick = function () {
$scope.onClick(value);
};
});
};
当我console.log我的"Selectedmarker"对象它有它应该有的所有数据。然而,在我的ui-gmap-window中没有任何渲染。
有人知道我在这里做错了什么吗?
另一个帖子弹出了一个类似的问题,所有缺失的是调用,$scope.$apply()后设置一个值给我的"selectedmarker"
相关文章:
- 如何在具有某些 UI 视图的状态中管理工厂单个请求数据
- 如何在UI自动化中捕获响应数据
- 语义UI下拉选项数据属性
- 如何在状态输入ui路由器时立即显示模板,然后当承诺被解决时显示数据
- 视窗 8/Metro UI 数据绑定 JavaScript
- AngularJS和UI-选择多个数据
- UI网格单一筛选器无法处理复杂数据
- jQuery UI中的动态url,数据表
- 如何从$http请求延续中获得显示在angular ui.grid中的数据
- ng在ui gmap窗口内单击不起作用
- AngularJs的Kendo UI:当用户在网格中选择行时,如何在文本框字段上绑定数据
- 隐藏空模板,直到使用Restangular和UI Router加载数据
- 带有两个句柄的 jQuery UI 滑块 - 获取初始数据
- 如何使用Angular UI Router解析所有状态的数据
- 从动态数据生成AngularJS UI模板
- angular谷歌地图:如何在ui gmap标记中获取当前模型
- AngularJS ui-gmap-google-map删除行车路线
- 如何在ui-gmap-window中使用Angular指令
- Angularjs ui-gmap-window对象数据不渲染
- 地图控制器中ui-gmap-marker的标记点击事件未触发