Angularjs 根据<；显示/隐藏div；选择>；使用ng if的标记值

我试图实现一个简单的逻辑

这是我的

A.
B
{{modRes2=（mod=='B'）}
A.
B

在这里，A没有选择选项“A”，但B显示和隐藏得很好。请参阅上面的按钮

---

我下面的JSFIDLE示例是基于angular版本1.2.x构建的，我使用的是angular版本1.4.x。这可能是原因吗？

ng if标记不需要大括号。ng if采用表达式

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

a

ngif中不需要把手

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

a

更改

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

a

到

a

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

我建议你经历一下和

的变化

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

a

到

a

---

您可以尝试一下

其他答案会为您提供解决方案但是我的答案是给你一个建议。

实际上，为什么要使用

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}}

A.
B
{{mod}}

---

就这些

。我对@rameshRajendran也有同样的怀疑。你为什么要div标签？我认为Ramesh rajendran的建议是找出错误的方法。这只是一个快速的POC，可以根据选定的值隐藏和显示多个html控件。你的选择并不允许我是angular js的新手，我的假设是每次解析表达式时都会用到angular js。我没注意到图坦卡蒙里面没有我跟着的。

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

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

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

{{mod}}