Угловой набор выбранный вариант не работает

Question

Я хочу установить выбранный вариант Audio, но его не работает. Ниже мой HTML:

<form ng-app='test' ng-controller='testController'> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Email address</label> 
    <select class="form-control" ng-model='event.type'> 
     <option disbaled> Select</option> 
     <option>IM</option> 
     <option>Audio</option> 
    </select> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

JS:

var testApp = angular.module('test', []); 

testApp.controller('testController', function ($scope) { 
    $scope.event.type = 'Audio';//not working 
}); 

Fiddle DEMO

Любая идея?

Answer 1

Использование

$ scope.event = {}, как показано ниже

var testApp = angular.module('test', []); 

testApp.controller('testController', function ($scope) { 
    $scope.event ={}; 
    $scope.event.type = 'Audio';//not working 
}); 

ИЛИ

testApp.controller('testController', function ($scope) { 
    $scope.event = {'type':'Audio'};//not working 
}); 

JSFIDDLE

Answer 2

Существует ошибка синтаксиса в коде при объявлении события объекта. Правый синтаксис приведен ниже.

testApp.controller('testController', function ($scope) { 
    $scope.event ={}; 
    $scope.event.type = 'Audio';//not working 
}); 

Для установки любой опции, выбранной по умолчанию, вы должны использовать директиву углов, выбранную ng.

<option disbaled> Select</option> 
<option>IM</option> 
<option ng-selected="true">Audio</option>