Angular ng-如果不更新值变化

Question

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

  <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-如果不更新值变化

Angular ng-if not updating on value change

angularjs

angular-ng-if