Controllers in AngularJS

Posted on by bitla7pavan

The continuation of the earlier post: the controller definition is

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

myApp.controller("myController",function ($scope) {
$scope.message = "Angular JS Tutorial";
});

The job of the controller is to build a model for view. By attaching the model to scope, scope object is not a modal, the data attaching to the scope object is a modal.

We can attach complex variables to the scope object,

Lets have one small example:

var employee = {
firstName: "David",
lastName: "Hastings",
gender: "Male"
};

$scope.employee = employee;

First Name : {{employee.firstName}}
Last Name : {{employee.lastName}}
Gender : {{ employee.gender}}

What will happen if the controller name is misspelled
When the controller name is misspelled, 2 things happen

    --> An error is raised. To see the error, Use Browser developer tools
    --> The binding expressions in the view that are in the scope of the controller
    will not be evaluated

What happend if a property name in the binding expression is misspelled
Expression evaluation in angular is forgiving, meaning if you misspell a property name in the binding expression, angular will not report any error. it will simply return null or undefined.
Use the method chaining mechanism as shown below

var myApp = angular
.module("myModule",[])
.controller("myController", function($scope) {
var employee = {
firstName: "David",
lastName: "Hastings",
gender: "Male"
};
$scope.employee = employee;
});

0 thoughts on “Controllers in AngularJS”

  11. HowardMussy Reply

    Your comment is awaiting moderation.

    Thanks a lot! Numerous knowledge!
    http://canadianpharmaciesnnm.com/
    canadian rx pharmacy online canada drug most reliable canadian pharmacies canadian drugs
    pharmacy online
    canada pharmacy online
    <a href="http://vincent.bonduau.free.fr/?s=+Thanks.+I+enjoy+this%21+http%3A%2F%2Ftalahicc.com%2F+prescription+cost+comparison+canadian+viagra+canadadrugs+canada+drugs+%0D%0Awalmart+pharmacy+price+check+%0D%0Abuy+prescription+drugs+online+%0D%0Aonline+drugstore+%0D%0Acanadian+pharmacy+reviews+%0D%0Areputable+canadian+mail+order+pharmacies+%0D%0Aprescription+drug”>top rated canadian pharmacies online
    mexican pharmacy online medications
    reputable canadian mail order pharmacies
    best canadian pharmacies

  25. Quentintroft Reply

    Your comment is awaiting moderation.

    Regards, Terrific information.
    http://talahicc.com/
    costco pharmacy pricing canadian pharmacies without an rx pharmacy price compare canadian pharmaceuticals online
    cheap prescription drugs online
    best price prescription drugs
    cheap prescription drugs
    canadian online pharmacies prescription drugs
    global pharmacy canada
    <a href="http://mecetes.org/?s=+Seriously+a+good+deal+of+excellent+facts.+http%3A%2F%2Fcanadianpharmacyntx.com%2F+online+canadian+pharmacy+online+pharmacies+canada+canadian+prescriptions+canadian+pharmacies+without+an+rx+%0D%0Aonline+pharmacy+usa+%0D%0Aprescription+drugs+prices+%0D%0Ainternational+pharmacies+that+ship+to+the+usa+%0D%0Acanadian+pharmacy+no+prescription+needed+%0D%0Aprescription+drugs+online+without+%0D%0Anorthwest+pharmacy+canada”>canada pharmacies online pharmacy

Leave a Reply

Your email address will not be published. Required fields are marked *