如何提交表单并从谷歌地图标记获取数据？

Question

使用Angular google map 插件。我正在尝试在谷歌地图标记 infoWindow 中提交表单并读取控制器中的数据。

我无法在控制器中检测到单击“确定”。

$scope.register = function()
{
     console.log('register clicked');
}

我无法看到此日志打印。

<ui-gmap-google-map >
                <ui-gmap-marker >
                    <ui-gmap-window options="windowOptions" show="true" closeClick="closeClick()">
                        <form class="form "  >
                                <label >Name</label>&nbsp;
                                <input  type="text" ng-model="name"/>

                                <label>Place</label>&nbsp;
                                <input  type="text" ng-model="place"/>

                                <button type="submit"  ng-click="register()">Ok</button>
                                 <button type="button"  ng-click="closeClick()">Cancel</button>  
                        </form>
                    </ui-gmap-window>
                </ui-gmap-marker>
            </ui-gmap-google-map>

Answer 1

我已经使用Compile Angularjs 服务解决了它。

只需为弹出窗口分配一个 ID 并编译它。

var pp = angular.element(document.querySelector('#id_poup_element'));

$compile(pp)($scope);

很高兴回答任何问题。

Answer 2

ui-gmap-window 内容在另一个范围内。 假设你的主控制器中有register() 函数，如果你想从地图窗口访问它，你需要使用$parent 调用它两次：

<button ng-click="$parent.$parent.register()">Ok</button>

这是plunker，您可以看到它在工作。

希望对你有帮助。

Answer 3

不建议使用 $parent.$parent ，因为您直接引用父范围，修改您的代码，使您使用的控制器在谷歌地图 UI 的范围内，我的回答可能含糊不清，但会帮助您获得一些线索 - 让你的函数在地图控制器的范围内被调用

.controller("someController", function($scope, uiGmapGoogleMapApi) {
    uiGmapGoogleMapApi.then(function(maps) {

    });
     $scope.register = function(){
        // do something
      };
});