Question

我想仅在选择特定值时显示div（即special）。我尝试了以下但它不起作用。有什么提示我怎么解决它？

<select 
 ng-change="timeline.selectNote()" ng-model="timeline.selectedNote" ng-options="opt as opt.NoteContent for opt in timeline.noteOptions" class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
      <option value="">-- select a note --</option>
</select>


<div class="select-element animate-hide" ng-show="timeline.selectedNote=='special'">

Answer 1

根据我在这里看到的内容，我猜测timeline.selectedNote不是'special'。

您可以使用timeline.selectedNote查看视图中的{{ timeline }}，并确保选择了正确的值。

尽管如此，我怀疑这种情况正在发生，因为timeline.selectedNote是一个对象，你要与一个字符串实例进行比较。

Answer 2

由于ngOptions使用opt作为选择值（因为opt as ...），timeline.selectedNote是整个noteOption对象。假设您检查的值等于'特殊'是NoteContent，这应该有用......

<div class="select-element animate-hide" ng-show="timeline.selectedNote.NoteContent=='special'">
    ...
</div>

Answer 3

也许Plunkr会为您清除它。您可能只想在$ scope.selectedNote等范围内使其可用。但是你最终会得到Object，所以你需要类似的东西。

{{selectedNote.yourId}}

ngShow的价值选择？

3 个答案: