Невозможно открыть модальное всплывающее окно с помощью Angular.js - PullRequest
Новая
       19

Невозможно открыть модальное всплывающее окно с помощью Angular.js

0 голосов
/ 28 июня 2019

Я не мог открыть модальное всплывающее окно каждый раз, когда нажимал на кнопку, используя Angular.js.

Вот мой код: 

<button tybe="button" class="btn btn-xs btn-link" style="padding: 0px 4px;" ng-click="getPriceDetails();">Get Price Details</button>
<modal title="Tariff Information" class="viewpricemodal" visible="priceDetails">
  <h4 class="text-center">Total Fare ₹76</h4>
    <img src="" alt="">
    <table class="table table-hover">
      <tbody>
        <tr>
          <td>Basic Fare</td>
          <td align="right">₹70</td>
        </tr>
        <tr>
          <td>Rate per km</td>
          <td align="right">₹2</td>
        </tr>
        <tr>
          <td>Ride time charge per min</td>
          <td align="right">₹1</td>
        </tr>

      </tbody>
    </table>
    <p class="text-center">Total fare may change if route or destination changes or if any ride takes longer due to traffic or other factors.
Total fare doesn't include waiting fee.</p>
</modal>

$scope.getPriceDetails=function(){
        //$scope.priceDetails=false;
        //console.log('price',$scope.priceDetails);
        $scope.priceDetails = !$scope.priceDetails;
    }

Здесь я могу открыть модальное всплывающее окно после двухкратного нажатия на эту кнопку. Мне нужно каждый раз нажимать на ту кнопку, которую должен открыть модал. Я использую angular.js ui-bootstrap для модального всплывающего окна.

...