trying to define controller with module in angular

Question

I don't know what's wrong here. An explanation would be lovely. Thanks!

<body data-ng-app="channelApp">
  <div data-ng-controller="channelController">
    Hello! {{ name }}
  </div>
</body>

var mod = angular.module("channelApp", []);
mod.controller = ("channelController", function($scope) {
$scope.name = "nate"; 

});

Adam · Accepted Answer · 2013-10-10 23:27:36Z

1

There are two separate issues causing this unexpected behavior. First, the syntax for the controller should be like this:

var mod = angular.module("channelApp", []);
mod.controller("channelController", function($scope) {
   $scope.name = "nate"; 

});

Second, the fiddle is setup incorrectly and still won't render properly after making the above fix. I have fixed the fiddle configuration in this forked version of your fiddle.

I also created the code example in CodePen for further reference.

edited Oct 10, 2013 at 23:27

answered Oct 10, 2013 at 23:21

Adam

5,2464 gold badges23 silver badges18 bronze badges

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

7 Comments

Juliane Holzt Over a year ago

So the problem in jsfiddle is due to the use of the body-element? I tried to get the jsFiddle running but couldn't figure it out.

Adam Over a year ago

I just updated the fiddle link. Sorry, I had replaced the <body> with a <section> during my debugging, but that wasn't the fix. The fiddle configuration fix involved clearing the "body tag" box under Fiddle Options and selecting the AngularJS library under Frameworks.

Adam Over a year ago

nate -Are the link to the fiddle and CodePen examples in my answer working for you?

Adam Over a year ago

nate - you still need to remove the <body ng-app> from the "body tag" edit box under the Fiddle Options sections on the left.

natecraft1 Over a year ago

Thanks Adam it works! I'm new to fiddle too so definitely learned a lot here.

|

Collectives™ on Stack Overflow

trying to define controller with module in angular

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related