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