2016-04-27 48 views
0

當一個人點擊否時他們是否想在他們的汽車上交易,它應該刪除該元素並添加另一個元素,詢問他們是否有汽車進行交易。但是,當他們點擊它並不會刪除元素,而只是讓車輛變空。這似乎很簡單...不知道爲什麼它不工作。角度ng--如果價值變化不更新

<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-如果不是條件。

+0

請分享你的角度代碼,這將是更好,如果你可以創建一個小提琴。 – Manish

+0

請分享代碼。 –

回答

0

只需添加一個控制器功能進行刪除車

<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 = ''; 
}; 
+0

使用ng-show可能是一個解決方案,但如果需要使用ng-if,那該怎麼辦?因爲我認爲你可能會意識到兩者之間的差異。 – Manish

+0

雖然這會簡單地隱藏元素。我想刪除它 – Samir

+0

@Samir請現在檢查我已編輯答案 – byteC0de