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

ngOptions이 (opt as ...로 인해) opt을 선택 값으로 사용하므로 timeline.selectedNote이 전체 noteOption 개체입니다. 당신이 '특별한'같은 것으로 확인 된 값을 가정

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

Answer 2

내가 여기에 볼 수있는, 내가 timeline.selectedNote이 'special'이 아닌 같은데요 기준으로합니다.

{{ timeline }}을 사용하여보기에서 timeline.selectedNote이 무엇인지 검토하고 올바른 값이 선택되어 있는지 확인할 수 있습니다.

timeline.selectedNote은 문자열 인스턴스와 비교하는 개체이므로 참조하는 것이 좋습니다.

Answer 3

은 아마 Plunkr 당신을 위해 그것을 취소합니다 ... NoteContent,이 작업을해야합니다. $ scope.selectedNote와 같은 범위에서 사용 가능하게 만들 수 있습니다. 그러나 당신은 객체로 끝날 것이므로, 당신은 비슷한 것을 필요로합니다.

{{selectedNote.yourId}}