Angular JS Expression is not working when I use a controller and module

Question

I've just started learning Angular JS but soon I got a problem which I don't know how to resolve.

This code prints:

<h1>{{author[0].name}}</h1>
<p>{{author[0].title+ ', '+author[0].company}}

instead of:

<h1>MKJ</h1>
<p>Web Developer, Student Organization</p>

The code is given here as well:

<!doctype html>
<!-- Declaring the ng-app -->
<html ng-app="myApp">
<head>
    <title>Parking</title>
    <!-- Importing the angular.js script -->
    <script src="lib/angular/angular.min.js"></script>
    <script>
        var myApp = angular.module("myApp", []);
        myApp.controller("MyController", function ($scope){
            $scope.author = {
                'author': 'MKJ',
                'title': 'Web Developer',
                'company': 'Student Organization',
            };
        }
    </script>
</head>
<!-- Attaching the view to the MyController -->
<body ng-controller="MyController">
<h1>{{author[0].name}}</h1>
<p>{{author[0].title+ ', '+author[0].company}}

See this snippet or correct the code on JS fiddle?

var myApp = angular.module("myApp", []);
    myApp.controller("MyController", function ($scope){
        $scope.author = {
            'author': 'Ravy VIllalbobs',
            'title': 'Staff Author',
            'company': 'Lynda.com',
        };
}

<div ng-controller="MyController">
    <h1>{{author.name}}</h1>
    <p>{{author.title+ ', '+author.company}}
</div>

Artem Petrosian · Accepted Answer · 2015-04-27 10:55:38Z

1

$scope.author is an Object so you don't need to specify index in brackets here

<h1>{{author.name}}</h1>
<p>{{author.title+ ', '+author.company}}

updated fiddle

edited Apr 27, 2015 at 10:55

answered Apr 27, 2015 at 10:50

Artem Petrosian

2,9541 gold badge24 silver badges30 bronze badges

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

4 Comments

Khuram Over a year ago

not working when I removed the square brackets as you told. Can you plz fix it on fiddlejs?

Artem Petrosian Over a year ago

@M.KhuramJaved your fiddle has a few syntax issues and also you forgot to include angular lib, here is updated one: jsfiddle.net/xL1sn5e5/6

Khuram Over a year ago

Yes! Thanks a lot Artem Petrosian! It's working now on my pc as well as fiddle!

Artem Petrosian Over a year ago

you can also remove string concatenation in second block, because it's not necessary {{author.title}}, {{author.company}}

Collectives™ on Stack Overflow

Angular JS Expression is not working when I use a controller and module

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related