AngularJS controller function not getting executed

Question

Hi here is my angular js code. I am a complete novice in angular development.

<div ng-app="">
    <input type="text" ng-model="firstname">
    <input type="text" ng-model="lastname">
    <p>Firstname : <span ng-bind="firstname"></span>

    </p>
    <p>Lastname :<span ng-bind="lastname"></span>

    </p>
    <p>Full name :<span>{{firstname +" "+lastname}}</span>

    </p>
</div>

You can find the fiddle here

If I don't add the ng-controller directive the whole thing works. But when I adds the directive the whole thing stops working and the controller function is not getting executed.

Actually I am trying something similar to this

possible duplicate of Simple example doesn't work on JSFiddle — JJJ
– JJJ, Commented Oct 13, 2014 at 5:55
Root cause might be the same. But that might not be the thing which comes first to the mind of someone learning something new. It might become useful for someone in future. Can't say duplicate — Zach
– Zach, Commented Oct 13, 2014 at 6:02
@Sachu Even if the question is marked duplicate, it doesn't mean it will be deleted. It will be even more useful for someone in the future if they can follow the link to the "root cause". — JJJ
– JJJ, Commented Oct 13, 2014 at 6:05

Amir Popovich · Accepted Answer · 2014-10-13 06:22:33Z

1

JSFiddle has a Code Wrap drop-down with a default setting to “onLoad”.

The drop down has 4 options:

onLoad: wrap the code so it will run in onLoad window.
eventonDomReady: wrap the code so it will run in onDomReady window event.
no wrap - in <head>:do not wrap the JavaScript code, place it in section.
no wrap - in <body>:do not wrap the JavaScript code, place it in section.

Here's the documentation.

Here's your working code after I've changed the onload to no wrap - in <body>

edited Oct 13, 2014 at 6:22

answered Oct 13, 2014 at 5:55

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

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

2 Comments

Dr G. Over a year ago

If it worked, mark the question as answered please. That way people know that it's solved and points can be received.

Aneesh Mohan Over a year ago

Sure.. Was waiting for the minimum time for marking the answer :-) @A.Alger

Collectives™ on Stack Overflow

AngularJS controller function not getting executed

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related