我的Angular綁定到布爾值時出了什麼問題？

-1

我有以下的HTML，試圖基於一個布爾值 '隱藏' 一個div：我的Angular綁定到布爾值時出了什麼問題？

清單1：

<span>{{AcceptFna.MainLifeFullName}}</span> 
<span>{{AcceptFna.ProposerIsMainLife}}</span> 
<div ng-if="AcceptFna.ProposerIsMainLife">Waaah!</div>

在Chrome控制檯，我可以看到AcceptFna.ProposerIsMainLife是真實的，當清單1中的第2個跨度突出，用下面的命令：

angular.element($0).scope().AcceptFna.IsProposerMainLife <-true

所以我希望看到這兩個範圍和ng-if DIV，但只有第一個跨度是可見的，而「計算」的HTML是：

<span class="ng-binding">Smith</span> 
<span class="ng-binding"></span> 
<!-- ngIf: AcceptFna.ProposerIsMainLife -->

因此，它看起來像ProposerIsMainLife定義和當前範圍屬實，但未能綁定。這裏有什麼可能是錯的？

2015-05-13 ProfK

您是否嘗試過使用'ng-show'？ – tektiv

@tektiv原來，這是我的一個錯字，哎。但是，我想使用'ng-if'，因爲我需要隱藏部分中的字段，並且'ng-show'所需的字段仍然會觸發驗證錯誤，即使它們'缺少'。 – ProfK

似乎是一個簡單的名字錯誤：

<div ng-if="AcceptFna.ProposerIsMainLife"> 

angular.element($0).scope().AcceptFna.IsProposerMainLife <-true

「提議者是」 VS 「是投保人」。選擇一個命名約定，並且使用即可:)

2015-05-13 08:58:56

多麼尷尬！謝謝，我從兩個不同的文件複製到HTML。 – ProfK

回答