コントローラからのng-optionsとアレイ

Question

コントローラからのリストをドロップダウンで表示したいとします。配列はコントローラの変数で、以下に定義されています：

(function(angular) { 
    'use strict'; 
angular.module('staticSelect', []) 
    .controller('ExampleController', ['$scope', function($scope) { 
    self = this; 
    self.options = [ 
     {id: 1, label: "Item 1"}, 
     {id: 2, label: "Item 2"}, 
     {id: 3, label: "Item 3"} 
     ]; 

    $scope.data = { 
    singleSelect: null, 
    multipleSelect: [], 
    option1: 'option-1', 
    }; 

    $scope.forceUnknownOption = function() { 
     $scope.data.singleSelect = 'nonsense'; 
    }; 
}]); 
})(window.angular); 

ここで、このオプション配列をドロップダウンで表示します。スクリプトは以下の通りです：

オプション配列が$scopeの場合、これは正常です。私はAngularJSが初めてです。コントローラー変数を使用しているとき私はここで間違っていますか？ここで

Answer 1

はあなたのNG-オプション属性どのようにあるべきであるように見えます：

ng-options="option.id as option.label for option in ctrl.options"