使用ng-if

Question

我尝试按照JsFiddle实现一个简单的逻辑 这是我的Plunk ＆lt; select ng-model =＆＃34; mod＆＃34;纳克单击=＆＃34; FOO（）;＆＃34;需要ng-dropdown＆gt;     ＆lt; option value =＆＃34; A＆＃34;＆gt; A＆lt; / option＆gt;     ＆lt; option value =＆＃34; B＆＃34;＆gt; B＆lt; / option＆gt; ＆LT; /选择＆GT; {{modRes2 =（mod ===＆＃39; B＆＃39;）}} ＆lt; div id =＆＃34; a＆＃34; ng-if =＆＃34; {{mod ===＆＃39; A＆＃39;}}＆＃34;＆gt; a＆lt; / div＆gt; ＆lt; div id =＆＃34; d＆＃34; NG-IF = modRes2＆GT; b将/ DIV＆GT; 这里没有关于选择选项＆＃39; A＆＃39;的工作，但B显示和隐藏得很好。请参阅上面的插件。 我所遵循的jsfiddle示例是基于角度版本1.2.x构建的，我使用的是角度版本1.4.x.这可能是原因吗？

Answer 1

更改

<div id="a" ng-if="{{mod === 'A'}}">a</div>

到

<div id="a" ng-if="mod === 'A'">a</div>

ng-if指令采用angular expression {{}}语法用于在angular指令之外标记角度表达式。 Angular假设输入ng- *指令是角度表达式

我建议您浏览angular tutorial和angular guide

Answer 2

你不需要ngif中的把手

<div id="a" ng-if="mod === 'A'">a</div>

Answer 3

ng-if标签不需要花括号。 ng-if表达式

 <div id="a" ng-if="mod === 'A'">a</div>

Answer 4

更改

<div id="a" ng-if="{{mod === 'A'}}">a</div>

到

<div id="a" ng-if="mod === 'A'">a</div>

您可以尝试HERE

Answer 5

其他答案为您提供解决方案。 但我的答案是为你提出建议。

实际上为什么你使用ng-if条件以及为什么写这么多div？

我认为您只需显示所选的下拉值，然后为什么需要更多div？所以试试以下方式

<select ng-model="mod" ng-click="foo();" ng-dropdown required>
    <option value="A">A</option>
    <option value="B">B</option>
</select>

{{mod}}

这就是全部。