Question

当一个人点击否是他们是否想要交易他们的汽车时，应该删除该元素并添加另一个元素，询问他们是否有汽车进行交易。但是，当他们点击它时不会删除元素，但只是使汽车变量为空。看起来很简单......不知道为什么它不起作用。

  <div class="inner-box" ng-if="car.length > 0">
    <p class="lite">Would you like to trade in your</p>
    <p class="heavy">{{car}} ?</p>
    <a href="#" class="blue">Yes</a>
    <a href="#" ng-click="car = ''">No</a>
  </div>
  <div class="inner-box" ng-if="car.length == 0">
    <p class="heavy">Do you have a trade in ?</p>
    <a href="#" class="blue">Yes</a>
    <a href="#">No</a>
  </div>

我在这里看到了另一个关于此的问题，但他们的问题是他们的nf-if不是一个条件。

Answer 1

只需添加删除汽车的控制器功能

<div class="inner-box" ng-if="car">
    <p class="lite">Would you like to trade in your</p>
    <p class="heavy">{{car}} ?</p>
    <a href="#" class="blue">Yes</a>
    <a href="#" ng-click="deleteCar();">No</a>
</div>
<div class="inner-box" ng-if="!car">
    <p class="heavy">Do you have a trade in ?</p>
    <a href="#" class="blue">Yes</a>
    <a href="#">No</a>
</div>

------ --- JS

$scope.deleteCar = function(){
    $scope.car = '';
};

Angular ng-如果没有更新价值变化

1 个答案: