点击无效

Question

我有这个控制器。它用于我正在使用的应用程序上的地图视图。出于某种原因，我在页脚上的按钮不起作用。永远不会调用函数上的操作...

.controller('mapaCtrl', function($scope, $compile, $location) {

    $scope.goPayment = function() {
        $location.path('side-menu/history');
    };


var myLatlng = new google.maps.LatLng(34.603711, -58.381585);

    var mapOptions = {
        center: myLatlng,
        zoom: 16,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map"), mapOptions);

    navigator.geolocation.getCurrentPosition(function(pos) {
        map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
        var myLocation = new google.maps.Marker({
            position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
            map: map,
            title: "My Location"
        });

        google.maps.event.addListener(myLocation, 'click', function() {
            infowindow.open(map,myLocation);
        });
    });


    var contentString = "<div><a ng-click='clickTest()'>Pagar Aqui!</a></div>";
    var compiled = $compile(contentString)($scope);

    var infowindow = new google.maps.InfoWindow({
      content: compiled[0]
    });

  $scope.map = map;

      $scope.clickTest = function() {
    $location.path('side-menu/pay');
  };




})

我在 html

上接到了这个电话

<ion-view title="Mapa" id="page13">
<ion-content ng-controller="mapaCtrl">
  <div id="map" data-tap-disabled="true"></div>
</ion-content>
<ion-footer-bar align-title="left" class="bar-balanced">
    <button class="button" ng-click="goPayment()">Ver mis pagos</button>

在按钮上单击没有调用“$location.path('side-menu/history');”

你能帮帮我吗？

Answer 1

您的按钮在控制器的范围之外。检查您的代码。

<ion-view title="Mapa" id="page13">
<ion-content ng-controller="mapaCtrl">
  <div id="map" data-tap-disabled="true"></div>
</ion-content> <!--controller ends here-->

<ion-footer-bar align-title="left" class="bar-balanced">
    <button class="button" ng-click="goPayment()">Ver mis pagos</button>

按钮在控制器外面，所以没有函数可以调用。

Answer 2

您已经在 "ion-content" 标签上设置了您的控制器。您的按钮元素在此标记之外。只需将结束标记移到按钮下方即可。

<ion-view title="Mapa" id="page13">
<ion-content ng-controller="mapaCtrl">
  <div id="map" data-tap-disabled="true"></div>
<ion-footer-bar align-title="left" class="bar-balanced">
    <button class="button" ng-click="goPayment()">Ver mis pagos</button>
</ion-content>

或者在更高级别的元素上定义您的控制器。

<div ng-controller="mapaCtrl"> 
  <ion-view title="Mapa" id="page13">
    <ion-content>
      <div id="map" data-tap-disabled="true"></div>
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-balanced">
        <button class="button" ng-click="goPayment()">Ver mis pagos</button>
</div>

点击无效

Ng-click don´t work

javascript

angularjs

scope

controller

angularjs-ng-click