AngularJS：ユーザーがドロップダウンで選択を行った後の関数呼び出し

Question

私はドロップダウンを持っており、以下に示すようにいくつかの値を追加しました。 私は、ドロップボックスから選択したオプションに基づいてプログラムが処理するようにします。

angular.module('priceCalculator', []) 
.controller("mainCtrl", ['$scope', function($scope) { 
$scope.data = { 
    availableOptions: [ 
    {id: 0, name: 'Please Select'}, 
    {id: 1, name: 'PVC Red Extra'}, 
    {id: 2, name: 'Alu Standard'}, 
    {id: 3, name: 'SKS Classic Decor'}, 
    {id: 4, name: 'SKS Aluminiu Alb'} 
    ], 

    selectedOption: {id: 0, name: 'Please Select'} 
}; 
}]); 

私はこれを行う必要がありますどのようにswitch文

$scope.doStuff = function() { 
    switch(id from availableOptions) { 
    case 0: 
    // do stuff, I want to read file based on inputs I shall also get from user 
    break; 
    default: 
    // do stuff 
    }; 
}; 

でそれを行う可能性が考えていましたか？申し訳ありませんが、それは皆のために簡単だ場合、私は

コーディングで本当にnoobのだここで私が正しく理解していれば、あなたは時に選択が変更と呼ばれるように、あなたのdoStuff機能をご希望のHTMLセクション

<label>Select Shutter Type</label> 
    <!-- Use ngOption to select shutter type --> 
    <select ng-options="option.name for option in data.availableOptions track by option.id" ng-model="data.selectedOption"> 
    </select> 

Answer 1

です。あなたはそれを行うためにng-changeを使用することができます。問題は今何です、はい、あなたがそれを行うことができます

$scope.doStuff = function(selectedOption) {