use controller variables in view angularjs ionic

Question

I am working in ionic and angular. I want to set variables in controller and use them in view. I am using cookies to save current logged in user information. Here is the controller code:

.controller('profileCtrl',['$http','$scope', 
'fileUpload','$cookies','$cookieStore','$window',
 function($http, $scope,    fileUpload,$cookies,$cookieStore,$window) {
    $scope.CurrentUser = $cookieStore.get('CurrentUserInfo');<br/>
    $scope.CurrentUserFullname = $scope.CurrentUser.User.fullname;<br/>
    console.log($scope.CurrentUserFullname); **// working. Suppose name is Simerjit
}])

Now in view profile.html. I want to display the name. I use this:
<h1>{{CurrentUserFullname}}</h1> // not working

Anyone please help. I am new in Ionic and angularjs.

Define "not working". What happens precisely? Also, is the <h1> in a section of the DOM that is handled by the controller? Post all the relevant code. — JB Nizet
– JB Nizet, Commented Apr 2, 2016 at 7:38
most likely you did some typo in naming controller in the template, please check your template correctly. <div ng-controller="profileCtrl"> //you should have this somewhere. or if you use a $routeProvider, check there. — hylimR
– hylimR, Commented Apr 2, 2016 at 7:47

Ashutosh Kumar · Accepted Answer · 2016-04-02 07:58:15Z

0

I checked the code .That is right but you need to check value of fullname in

$cookieStore.get('CurrentUserInfo');

may be fullname has not any value .

I have made many project in ionic you are doing the right way.

answered Apr 2, 2016 at 7:58

Ashutosh Kumar

1571 silver badge13 bronze badges

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

1 Comment

Simerjit Parmar Over a year ago

Basically fullname returns me null. Thanks for the reply.

Konkko · Accepted Answer · 2016-04-02 07:41:24Z

0

You need to define the controller for the profile.html for example <div ng-controller="profileCtrl">

answered Apr 2, 2016 at 7:41

Konkko

6624 silver badges15 bronze badges

2 Comments

Simerjit Parmar Over a year ago

I am using $routProvider file. So it is binding controller and view file automatically. I don't need to specify ng-controller again. Am I right?

Konkko Over a year ago

What errors do you get? Are you also loading the angular-route.js and the your-named-controller.js?

Roshan · Accepted Answer · 2016-04-02 08:01:07Z

0

if you store user data direcly in cookie then not need it. $scope.CurrentUser.user.fullname

you can use directly this.

   $scope.CurrentUserFullname = $scope.CurrentUser.fullname;

answered Apr 2, 2016 at 8:01

Roshan

134 bronze badges

1 Comment

Simerjit Parmar Over a year ago

Thanks. Basically it didn't displayed the fullname. Now issue is fixed. Thanks for your reply.

XAVIER K.I · Accepted Answer · 2016-04-02 08:43:22Z

If your Data Binding not working properly try to use $route resolve to get the data into the controller before the view loads .. In your $route config ,

    $routeProvider
    .when("/profile", {
    templateUrl: "profile.html",
    controller: "profileCtrl",
    resolve: {
        CurrentUser: function($cookieStore){
            return $cookieStore.get('CurrentUserInfo');
    }
}})

and in Controller inject CurrentUser

    .controller('profileCtrl',['$http','$scope','CurrentUser' fileUpload','$cookies','$cookieStore','$window', function($http, $scope,CurrentUser,fileUpload,$cookies,$cookieStore,$window) {
       $scope.CurrentUser = CurrentUser;
       $scope.CurrentUserFullname = CurrentUser.User.fullname;
       console.log($scope.CurrentUserFullname); }])

for more info on resolve link

happy coding ...

Mateusz Sip · Accepted Answer · 2016-04-02 07:39:46Z

-3

Controller shouldn't know about app's state. You should read about angular's rules and best practices there: https://github.com/johnpapa/angular-styleguide

answered Apr 2, 2016 at 7:39

Mateusz Sip

1,2801 gold badge11 silver badges11 bronze badges

1 Comment

Pankaj Parkar Over a year ago

Any relation between question and answer?

Collectives™ on Stack Overflow

use controller variables in view angularjs ionic

5 Answers 5

{{CurrentUserFullname}}

1 Comment

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

{{CurrentUserFullname}}

1 Comment

2 Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related