AngularJS select директива не работает в jsfiddle

Question

Я играл с некоторыми примерами jsfiddle и менял их для некоторых тестов. К сожалению, он больше не работает, и я не знаю, почему. Может кто-нибудь есть быстрый взгляд на эту скрипку и дать мне подсказку:

http://jsfiddle.net/w8LrL8xr/2/

JavaScript:

var myApp = angular.module("myApp"); 

myApp.controller("MyCtrl", function($scope) { 

$scope.fonts = [ 
    {title: "Arial" , text: 'Url for Arial' }, 
    {title: "Helvetica" , text: 'Url for Helvetica' } 
]; 
$scope.change= function(option){ 
    alert(option.title); 
} 
} 

HTML:

<div ng-app="myApp"> 

<div ng-controller="MyCtrl"> 
    <select ng-model="opt" ng-options="font.title for font in fonts" ng-change="change(opt)"> 
    </select> 

    <p>{{opt}}</p> 
</div> 

</div> 

Answer 1

Ваше определение модуля является неправильным, что вам нужно для предоставления списка зависимостей для его правильной инициализации или пустого [], если у вас их нет.

например.

var myApp = angular.module("myApp", []); 

Вы также отсутствуют завершающую ) при регистрации контроллера.

var myApp = angular.module("myApp", []); 

myApp.controller("MyCtrl", function($scope) { 

    $scope.fonts = [ 
     {title: "Arial" , text: 'Url for Arial' }, 
     {title: "Helvetica" , text: 'Url for Helvetica' } 
    ]; 
    $scope.change= function(option){ 
     alert(option.title); 
    }; 
}); 

Fixed fiddle