Question

我正在玩一些jsfiddle示例并将其更改为一些测试。不幸的是它不再工作了，我不知道为什么。任何人都可以快速浏览一下这个小提琴并给我一个提示：

的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

您的模块定义不正确，您需要提供一个依赖项列表才能正确初始化它，如果没有，则需要空[]。

e.g。

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

AngularJS select指令在jsfiddle中不起作用

1 个答案: