AngularJS选择指令不工作在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