AngularJS: can't access object property from factory

Question

I have a beginner issue with my AngularJS very simple code: I'm trying to pass data from a factory to a controller and print the object returned to my view, here's my code:

angular.module('app').factory('blogFactory',function(){
   return {
        //EDIT
        post:{"author":"Bob","name":"smith","content":"some content"},
        read: function(){
            return this.post; 
        }
   }
});

In the controller:

angular.module('app').controller('MainCtrl',['$scope','blogFactory'], function($scope, blogFactory){
   $scope.datas = blogFactory.read();
   console.log($scope.datas);});

When I console.log($scope.datas it logs the object fine. In the view I 'm unable to access the object's properties:

<section class="overview">
     <article ng-repeat="data in datas">
         <p>{{data.name}}</p> //Doesn't display anything
         <p>{{data}}</p>     // Displays the object
     </article>
 </section>

Does anyone has any idea? Thanks in advance

is $scope.datas an array?

mohamedrias
– mohamedrias

2015-04-04 05:13:43 +00:00
Commented Apr 4, 2015 at 5:13 — mohamedrias
– mohamedrias, Commented Apr 4, 2015 at 5:13

mohamedrias · Accepted Answer · 2015-04-04 05:10:38Z

1

You don't have any property called name in $scope.datas

{"author":"Bob","content":"some content"}

You must be printing datas.author.

That's why <p>{{data.name}}</p> doesn't display any data.

As per your factory code, post is an object. But in your view you are using

 <article ng-repeat="data in datas">

Which is not required. Just datas is enough to get that individual post

answered Apr 4, 2015 at 5:10

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

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

1 Comment

t3__rry Over a year ago

Thanks @mohamedrias this solves it. I've been using a ng-repeat directive beforehand and that was the problem. @mohamedrias @user: sorry for wasting you time and thanks for the help

Reena · Accepted Answer · 2015-04-04 07:12:48Z

0

This code works fine I have tested it:

var app = angular.module('app',[])
app.factory('blogFactory',function(){
return {
    post:{"author":"Bob","content":"some content"},
    read: function(){
        return this.post; 
    }
}
});

app.controller('MainCtrl', function($scope,blogFactory){
  alert();
$scope.datas = blogFactory.read();
console.log($scope.datas);
})

For the view:

<body ng-controller ="MainCtrl">
<section class="overview">
 <article ng-repeat="data in datas" >
     <p>{{data.name}}</p> 
     <p>{{data}}</p>    
 </article>
</section>
</body>

answered Apr 4, 2015 at 7:12

Reena

1,1199 silver badges17 bronze badges

2 Comments

t3__rry Over a year ago

Ok thanks for your answer, do you think there could be a bug with my install? It's weird. I'll try to launch it in another project and let you know

Reena Over a year ago

@t3__rry see this app.controller('MainCtrl',['$scope','blogFactory'], function($scope,blogFactory){, if I'm using in this way It doesn't provide any output.

Collectives™ on Stack Overflow

AngularJS: can't access object property from factory

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related