AngularJS select directive not working in jsfiddle

Question

I was playing around with some jsfiddle examples and changed it for some tests. Unfortunately it is not working anymore and i have no clue why. Can anyone have a quick look at this fiddle and give me a hint:

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>

Mark Coleman · Accepted Answer · 2014-10-01 14:29:12Z

3

Your module definition is incorrect, you need to supply a list of dependencies to init it correctly or an empty [] if you have none.

e.g.

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

You are also missing a trailing ) when you register your controller.

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

answered Oct 1, 2014 at 14:29

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

solick Over a year ago

Thanks, sometimes i´m really blind ;)

solick Over a year ago

Just in addition: Why is this not working? I only added a parent controller: jsfiddle.net/w8LrL8xr/7

Mark Coleman Over a year ago

You are missing the closing ) for the other controller. :)

Collectives™ on Stack Overflow

AngularJS select directive not working in jsfiddle

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related