我的Angular绑定到布尔值有什么问题?

时间:2015-05-13 08:55:25

标签: javascript angularjs

我有以下html,试图根据布尔值'隐藏'div:

清单1:

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

在Chrome控制台中,当使用以下命令突出显示清单1中的第二个范围时,我可以看到AcceptFna.ProposerIsMainLife为真:

  

angular.element($ 0).scope()。AcceptFna.IsProposerMainLife   &LT; -true

所以我希望看到两个跨度和ng-if div,但只有第一个跨度是可见的,而'计算'的html是:

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

因此,看起来ProposerIsMainLife在当前范围内定义并且为true,但未能绑定。这可能有什么问题?

1 个答案:

答案 0 :(得分:1)

似乎是一个简单的名称错误:

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

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

&#34;提议者是&#34; vs&#34;是提议者&#34;。选择命名约定并粘贴:)