Angular1の選択ドロップダウンをデバッグ

Question

私は以前Angular1を使用していましたが、私は現時点で作業している選択肢を壊しているものを解き放つことをしています。

ここで私が構築しようとしている選択するためのテンプレートです：

<div class="dropdown-selector-container"> 
    <select 
    class="dropdown-select" 
    data-ng-options="option.sectionId as option.label for option in dropdownOptions" 
    data-ng-model="selectedSection" 
    data-ng-change="setDropdownOption()"> 
    </select> 
</div> 

このようなコントローラの外観におけるオブジェクトとメソッド：

$scope.dropdownOptions = [ 
    { 
    'label': 'ok', 
    'sectionId': '1', 
    }, 
    { 
    'label': 'wow', 
    'sectionId': '2', 
    } 
]; 

$scope.setDropdownOption = function() { 
    console.log($scope); 
}; 

意図した行動の作業フィドルがあります利用可能なhere

トラブルですが、私は中にルート内templateとcontrollerにフィドルからコードを複製したときに、私のことで印刷された、$状態オブジェクト（ドロップダウンが800ピクセル幅または少ないとビューポート上でのみ表示されます）development instanceコントローラ機能はselectedSectionキーが含まれていません：それはケースかもしれない理由

誰でも知っていますか？私はあなたが提供できるアドバイスに非常に感謝しています！

Answer 1

これを解決するための鍵は、angular.element(".dropdown-selector-container select").scope()のようなものでコンソールから要素の範囲を調べることができることを学ぶことでした。これは私に解決策をもたらしました：にdata-ng-modelを設定しましたが、今度はdropdownOptionsオブジェクトがコントローラスコープに存在していたことがわかりました。

はangularjsをデバッグするための