Question

我希望我能以一种简单的方式解释这个问题：

我有以下代码

<select>
  <option ng-repeat="bankDetail in profile.bankDetails" value="{{bankDetail.bankDetailNumber}}"> {{bankDetail.bankName}}</option>
</select>`

<div ng-repeat="bankDetail in profile.bankDetails">
      {{bankDetailName}}
</div>

根据下拉列表中选择的值，我想显示并隐藏第二个div。

对于我的生活，我无法找到这类代码的任何例子。

目前显示第二个div中的所有值，我想要显示第一个值，然后根据下拉输入更改隐藏/显示其余值。

任何帮助将不胜感激。

Answer 1

你的意思是这样的吗？

<select ng-model="selection" ng-init="selection=profile.bankDetails[0]">
  <option ng-repeat="bankDetail in profile.bankDetails" ng-value="bankDetail"> {{bankDetail.bankName}}</option>
</select>`

<div>
   {{selection.bankName}}
</div>

Answer 2

我认为你应该使用类似的东西：

<select ng-model="selectModel">
  <option ng-repeat="bankDetail in profile.bankDetails" ng-value="{{bankDetail.bankDetailNumber}}"> {{bankDetail.bankName}}</option>
</select>`

<div ng-repeat="bankDetail in profile.bankDetails"
     ng-if="selectModel === bankDetailName">
      {{bankDetailName}}
</div>

事情是这样的，如果选择值与bankDetailName相同（我认为你有类似bankDetail.name而不是bankDetailName），那么显示div。

而不是ng-if，您可以使用ng-show。

Answer 3

这是我们问题的解决方案。

尝试下面这个小提琴，你会找到你的解决方案。

http://jsfiddle.net/HB7LU/19314/

在这种情况下你必须使用ng-options，因为我已经使用过了。

 <select ng-model="selection" ng-options="obj as obj.Name for obj in someArray">

`

如果您发现任何困难，请告诉我。很乐意帮忙。

角度选项选择show hide Angular repeat

3 个答案: