Javascript 使用“基于角度视图中的上一个元素隐藏”

如何基于上一个选择下拉列表使用

ng hide

？如果在下拉列表中选择了选项C，我想显示

#附加选项

<div class="form-group">
    <label class="control-label col-md-3">Option:
        <span class="required">
            *
        </span>
    </label>
    <div class="col-md-4">
        <select class="form-control">
            <option selected>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
        </select>
    </div>
</div>  

<!-- Show the below only if C is selected -->
<div class="form-group" id="additional-option">
    <label class="control-label col-md-3"></label>
    <div class="col-md-4">
        <label>
            <div class="checker">
                <span>
                    <input type="checkbox">
                </span>
            </div>
            Additional option
        </label>
    </div>
</div>  

选项：
*
A.
B
C
D
附加选项

将视图控件绑定到范围项，并检查其他绑定中的值。因此，在您的情况下，您可以将第一个选择绑定到范围，如下所示

ng model=“formData.selectedLetter”

然后，您可以在下一个控件中使用

ng show

，检查上一个选择控件的值

ng show=“formData.selectedLetter==“C”

如果必须，还可以通过反转条件表达式来使用

ng hide

---

这将确保第二个控件仅在

formData.selectedLetter

为“C”时可见。

您将视图控件绑定到范围项，并检查其他绑定中的值。因此，在您的情况下，您可以将第一个选择绑定到范围，如下所示

ng model=“formData.selectedLetter”

然后，您可以在下一个控件中使用

ng show

，检查上一个选择控件的值

ng show=“formData.selectedLetter==“C”

如果必须，还可以通过反转条件表达式来使用

ng hide

---

这将确保第二个控件仅在

formData.selectedLetter

为“C”时可见。

您将视图控件绑定到范围项，并检查其他绑定中的值。因此，在您的情况下，您可以将第一个选择绑定到范围，如下所示

ng model=“formData.selectedLetter”

然后，您可以在下一个控件中使用

ng show

，检查上一个选择控件的值

ng show=“formData.selectedLetter==“C”

如果必须，还可以通过反转条件表达式来使用

ng hide

---

这将确保第二个控件仅在

formData.selectedLetter

为“C”时可见。

您将视图控件绑定到范围项，并检查其他绑定中的值。因此，在您的情况下，您可以将第一个选择绑定到范围，如下所示

ng model=“formData.selectedLetter”

然后，您可以在下一个控件中使用

ng show

，检查上一个选择控件的值

ng show=“formData.selectedLetter==“C”

如果必须，还可以通过反转条件表达式来使用

ng hide

---

这将确保第二个控件仅在

formData.selectedLetter

为“C”时可见。

您只需像这样在元素上设置双向绑定即可

<select class="form-control" ng-model="selectedOption">

并在ng show指令中为需要隐藏的div使用该值，如下所示

<div ng-show="selectedOption === 'C'" class="form-group" id="additional-option">

---

这里是plunker-

您只需在元素上设置一个双向绑定，如下所示

<select class="form-control" ng-model="selectedOption">

并在ng show指令中为需要隐藏的div使用该值，如下所示

<div ng-show="selectedOption === 'C'" class="form-group" id="additional-option">

---

这里是plunker-

您只需在元素上设置一个双向绑定，如下所示

<select class="form-control" ng-model="selectedOption">

并在ng show指令中为需要隐藏的div使用该值，如下所示

<div ng-show="selectedOption === 'C'" class="form-group" id="additional-option">

---

这里是plunker-

您只需在元素上设置一个双向绑定，如下所示

<select class="form-control" ng-model="selectedOption">

并在ng show指令中为需要隐藏的div使用该值，如下所示

<div ng-show="selectedOption === 'C'" class="form-group" id="additional-option">

---

这是plunker-

它可以工作，但由于某些原因，select默认为某个空选项，该选项甚至不在列表中。如何修复此问题？您需要初始化模型。“如何”取决于您定义选项的方式（有几种选择）。我建议您查看Angular文档中的

select

指令。另请参见此项。它可以工作，但由于某些原因，select默认为某个空选项，该选项甚至不在列表中。如何修复此问题？您需要初始化模型。“如何”取决于您定义选项的方式（有几种选择）。我建议您查看Angular文档中的

select

指令。另请参见此项。它可以工作，但由于某些原因，select默认为某个空选项，该选项甚至不在列表中。如何修复此问题？您需要初始化模型。“如何”取决于您定义选项的方式（有几种选择）。我建议您查看Angular文档中的

select

指令。另请参见此项。它可以工作，但由于某些原因，select默认为某个空选项，该选项甚至不在列表中。如何修复此问题？您需要初始化模型。“如何”取决于您定义选项的方式（有几种选择）。我建议您查看Angular文档中的

select

指令。再看这个。