angularjs - ngShow 选择的值？

Question

我想仅在选择特定值（即special）时显示 div 。我尝试了以下方法，但它不起作用。任何提示我如何解决它？

<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

因为 ngOptionsopt用作选择值（因为opt as ...），timeline.selectedNote所以是整个 noteOption 对象。假设您要检查的值等于 'special' NoteContent，这应该可以工作......

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

Answer 3

也许Plunkr会为您解决问题。你可能只想让它在 $scope.selectedNote 这样的范围内可用。但是你最终会得到对象，所以你需要类似的东西。

{{selectedNote.yourId}}