Angular Google Maps - 地图控制中的双向数据绑定
Angular Google Maps - Two-way data binding in map-control
我在使用 Angular 的双向数据绑定表达式制作地图控制器时遇到问题:
<script type="text/ng-template" id="control.tpl.html">
<button class="btn btn-sm btn-primary" ng-class="{'btn-warning': danger}" ng-click="controlClick()"><h1>{{controlText}}</h1></button>
</script>
<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options">
<ui-gmap-map-control template="control.tpl.html" position="center" controller="controlCtrl" index="-1"></ui-gmap-map-control>
</ui-gmap-google-map>
<div ng-controller="controlCtrl">
<h1>{{controlText}}</h1>
<label>Two-way Data Binding:</label>
<input ng-model="controlText">
</div>
这是我的问题的 Plunker。
有没有办法更改地图控件中的绑定属性?
感谢您的帮助:)
为了更改映射控件中的绑定属性:
1) 为模板引入一个单独的控制器,以便与另一个控制器共享其作用域:
<script type="text/ng-template" id="control.tpl.html">
<div ng-controller="templateCtrl">
<button class="btn btn-sm btn-primary" ng-class="{'btn-warning': danger}" ng-click="controlClick()"><h1>{{controlText}}</h1></button>
</div>
</script>
2)广播变化:
$scope.$watch('controlText', function () {
$rootScope.$broadcast('controlText:changed', $scope.controlText);
});
3) 在模板控制器中接收更改:
.controller('templateCtrl', function ($scope) {
$scope.$on('controlText:changed', function(event, val) {
$scope.controlText = val;
});
})
普伦克
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- Telerik rad组合框多列数据绑定
- 数据绑定:'系统Char'不包含名为'xxxxx'
- OnsenUI AngularJS数据绑定无法正常工作
- Ionic-item在导航栏中进行双向数据绑定
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- $http中的Angular 1数据绑定承诺不起作用
- 在何处和何时添加具有数据绑定的元素
- 使用AngularJs数据绑定的三元运算符显示图像
- 为什么针对工厂的Angular数据绑定只适用于函数
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- 在数据绑定中使用对象敲除绑定
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 将json数据绑定到剑道网格
- AngularJS数据绑定中断ngRepeat+奇怪行为
- Angular Google Maps - 地图控制中的双向数据绑定
- 聚合物数据绑定铁 AJAX 并在控制台中访问获取的 JSON
- 我得到了一个JSON/Javascript对象,因为我可以在控制台中看到它,但我如何让它序列化并使我的数据绑定到我的Ui