CODEWITHSUNDEEP
javascriptangularjsjsfiddle
Xameer
Xameer

Reputation: 31237

AngularJS controller not executing in jsFiddle

I was trying to learn the most basic implementation of controllers and modules in AngularJS.

Here is the code I have tried:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>
    This is the most <a href='http://www.w3schools.com/angular/tryit.asp?filename=try_ng_intro_controller'>basic angularJS controller</a> implementation
    </h1>
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{ firstName + " " + lastName }}

</div>

The output is not getting updated:

output

Upvotes: 1

Views: 124

Answers (2)

michelem
michelem

Reputation: 14590

You need to select No wrap - in <body> in the dropdown menu in Frameworks and extensions tab, check the pic:

enter image description here

Updated JSFiddle

Upvotes: 2

Sajeetharan
Sajeetharan

Reputation: 222582

Just a small issue,

Angularjs script did not get referenced. Just change it to wrap it in head,

Here is the working JsFiddle

Upvotes: 1

Related Questions