AngularJS 선택 지시문이 jsfiddle에서 작동하지 않습니다.

Question

일부 jsfiddle 예제로 놀고 있었고 일부 테스트에서 변경되었습니다. 불행히도 더 이상 작동하지 않으며 이유가 없습니다. 사람이 바이올린에 잠깐 모양과 나에게 힌트를 줄 수 :

이

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

자바 스크립트 :

이

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