Print array elements AngularJS

Question

I would print a string with Angular variables.

<script>
var app = angular.module('monApp',[]);
app.controller('Controleur',function($scope){$scope.infos={
    "prenom": "Jean",
    "nom": "Dupont",
    "dateNaissance": new Date(1991,11,1)
    };
}


</script>

I would like to print Hello Jean Dupont born on "1991-11-30T23:00:00.000" I have tried many ways to print finded on web but no result.

<body data-ng-app="monApp" class ="ng-scope">
    <div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{prenom}} {{scope.infos[1], born on {{scope.infos[2]}}</p></div>

</body></html>

pwolaq · Accepted Answer · 2016-06-06 08:19:58Z

2

you associate your data with scope infos variable, so a proper use would be:

<div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{infos.prenom}} {{infos.nom}}, born on {{infos.dateNaissance}}</p></div>

tip: if your don't intend to change your data after inserting it, you can make use of Angular's one-time bindings, which will improve performance

<div data-ng-controller="Controleur" class ="ng-scope" ><p>Hello {{::infos.prenom}} {{::infos.nom}}, born on {{::infos.dateNaissance}}</p></div>

answered Jun 6, 2016 at 8:19

pwolaq

6,41221 silver badges45 bronze badges

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

2 Comments

unfoudev Over a year ago

I get Hello {{infos.prenom}} {{infos.nom}}, born on {{infos.dateNaissance}}

pwolaq Over a year ago

@unfoudev that's probably because you have syntax error in your javascript, you forgot about ); at the end of your code

Huy Chau · Accepted Answer · 2016-06-06 08:24:13Z

1

$scope.infos is a Object not Array, you should select to it with $scope.infos['propertyName'] or $scope.infos.propertyName

View:

<div ng-app="app">
  <div ng-controller="Controller">
    <p>Hello {{infos.prenom + ' ' + infos.nom + ', born on ' + infos.dateNaissance}}</p>
  </div>
</div>

Controller:

var app = angular.module('app', []);
app.controller('Controller', function($scope) {
  $scope.infos = {
    "prenom": "Jean",
    "nom": "Dupont",
    "dateNaissance": new Date(1991,11,1)
    };
});

See example: Here

answered Jun 6, 2016 at 8:24

Huy Chau

2,24821 silver badges26 bronze badges

Collectives™ on Stack Overflow

Print array elements AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related