2

angular-ui および ui-events モジュールと ui-map を使用していますが、イベント バインディングが機能していません。

HTML 

<div id="map" 
     ui-map="myMap"
     ui-options="mapOptions" 
     ui-events="{'map-click': 'addMarker($event)'}"
     class="map-canvas">
</div>

コントローラ

angular.module('myAppModule', ['ui.map'])
.controller('CtrlGMap', ['$scope', function($scope) {
    $scope.mapOptions = {
        center: new google.maps.LatLng(-54.798112, -68.303375),
        zoom: 11,
        mapTypeId: google.maps.MapTypeId.SATELLITE
    };

    $scope.myMarkers = [];

    $scope.addMarker = function($event) {
        $scope.myMarkers.push(new google.maps.Marker({
            map: $scope.myMap,
            position: $params[0].latLng
        }));
    };

}]);

ui-map が ui-events モジュールをロードすることは知っています。しかし、地図をクリックしても何も起こりません:(

4

1 に答える 1

0

これについて 100% 確信があるわけではありませんが、 $event は ng-click と組み合わせてしか使用できない場合があります

于 2014-08-30T19:15:33.457 に答える