0

私のモーダルコードはこちら

$ionicModal.fromTemplateUrl('my-modal.html', {
    scope: $scope,
    animation: 'slide-in-up'
  }).then(function(modal) {
    $scope.modal = modal;
  });

My Button と Function code Here (モーダルのボタン)

<button class="button button-icon ion-ios-star-outline rate" ng-repeat='i in rate_num' ng-click='rateStar(i)'></button>//rate_num = [1,2,3,4,5];

$scope.rateStar = function(n){
      console.log(n);
      $rootScope.rate = n;
    };

モーダルなしで正常に動作します。しかし、モーダルは機能していません。

そのボタンをクリックすると、console.log(Number); が必要になります。例) 最初のボタンをクリックすると、console.log(1) が必要になり、2 番目のボタンをクリックした後 -> console.log(2).. など

しかし今、そのコードは console.log(1) のみを実行します -> 呼び出された最初の要素のみ...どこが間違っていますか...?

4

1 に答える 1

0

これを試して：

index.html :

<body ng-app="starter">
    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <ion-content ng-controller="ModalDemoController">
        <button ng-click="showModal()">Show</button>
      </ion-content>
    </ion-pane>
  </body>
  <script id="my-modal.html" type="text/ng-template">
  <ion-modal-view>
    <ion-header-bar class="dark">
      <h1 class="title">Modal Demo</h1>
      <button class="button button-clear ion-close" ng-click="closeModal()"></button>
    </ion-header-bar>
    <ion-content class="content-stable">
        <button  ng-repeat='i in rate_num' class="button button-icon ion-ios-star-outline rate"  ng-click='rateStar(i)'> {{i}}</button>
      </ion-content>
  </ion-modal-view>
</script>

およびコントローラー:

.controller('ModalDemoController', function($scope,$ionicModal) {

    $ionicModal.fromTemplateUrl('my-modal.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.modal = modal;
    });
    $scope.rate_num = [1,2,3,4,5];
    $scope.showModal = function() {
      $scope.modal.show();
    };

    $scope.closeModal = function() {
      $scope.modal.hide();
    };    
    $scope.rateStar = function(n){
      console.log(n);
      $scope.rate = n;
    };
});

これがあなたを助けることを願っています。

于 2015-12-01T04:41:13.423 に答える