Angularjs 角度显示元素，单选按钮

在Angular中，我这样做是为了在单击链接时显示和隐藏元素

<a ng-click="showEle = !showEle"><span ng-bind="showEle ? 'Hide' : 'Show'"></span> Element</a>
<div ng-if="showEle">
<div>

元素

我需要做一些类似的事情，但是显示一个基于单选按钮的div

<input type="radio" name="element" value="did" id="">Div One</br>
<input type="radio" name="element" value="did" id="">Div Two</br>
<div>
    Div One
</div>
<div>
    Div two
</div>

divone

第二组

第一组
第二组

---

两个单选按钮都被取消选择以开始，然后单击任一单选按钮将显示任一div。

在使用范围变量之前，您需要

init

scope变量

<input type="radio" name="element" value="did" ng-click="flag = 'div1'">Div One</br>

<input type="radio" name="element" value="did" ng-click="flag = 'div2'" id="">Div Two</br>

<div ng-show="flag == 'div1'">
    Div One
</div>

<div ng-show="flag == 'div2'">
    Div two
</div>

---

在使用范围变量之前，需要

init

scope变量

<input type="radio" name="element" value="did" ng-click="flag = 'div1'">Div One</br>

<input type="radio" name="element" value="did" ng-click="flag = 'div2'" id="">Div Two</br>

<div ng-show="flag == 'div1'">
    Div One
</div>

<div ng-show="flag == 'div2'">
    Div two
</div>

---

您需要对单选按钮使用

ng model

，然后将

ng show

放在

div

s上：

第一分区

第二部分

第一组
第二组

您需要使用

ng model

作为单选按钮，然后将

ng show

放在

div

s上：

第一分区

第二部分

第一组
第二组

我想这可能就是你想要的。使用带有单选按钮的ng型号。然后检查DIV上的模型值（与nd show组合）

红色
蓝色
绿色
红色
蓝色
绿色

---

我希望有帮助

我想这可能就是你想要的。使用带有单选按钮的ng型号。然后检查DIV上的模型值（与nd show组合）

红色
蓝色
绿色
红色
蓝色
绿色

---

我希望有帮助

酷。你试过什么？你的问题是什么？酷。你试过什么？你的问题是什么？发布一个答案有什么意义？即使同样的答案已经存在了？我先看到了。抱歉，在我刷新页面之前，我没有意识到有人回答了？没问题，但是如果已经发布了相同的答案，那么发布相同的答案就没有意义了。即使已经发布了相同的答案，发布答案又有什么意义呢？我先看到的。抱歉，在我刷新页面之前，我没有意识到有人回答了？没问题，但是如果已经发布了相同的答案，那么发布相同的答案没有任何意义。

<label class="radio-label"><input type="radio" class="multiple-option" ng-model="ctrl.selectMsgStatus" ng-value="null" />Red</label>
<label class="radio-label"><input type="radio" class="multiple-option" ng-model="ctrl.selectMsgStatus" ng-value="true" />Blue</label>
<label class="radio-label"><input type="radio" class="multiple-option" ng-model="ctrl.selectMsgStatus" ng-value="false" />Green</label>

<div style="background-color:red" ng-show="ctrl.selectMsgStatus == null">Red</div>
<div style="background-color:blue" ng-show="ctrl.selectMsgStatus == true">Blue</div>
<div style="background-color:green" ng-show="ctrl.selectMsgStatus == false">Green</div>