Controller is not called in angular ui

Question

I am calling rest service in my controller to get the values like first name and last name etc but its not returning any values.

Here is my controller:

myApp.controller('profileController', function ($scope, $http) {

    var url = 'rs/FetchProfile';
    $http.get(url).success(function (response)
    {
        $scope.profiles = response;
        console.log($scope.profiles); //prints nothing       
    }).error(function (response)
    {
        console.log("error", response);
    });
});

The controller is not returning any values. Here is the html code where ng-controller="profileController" is declared inside LoggedIn.hmtl

<div ng-controller="profileController" >
    <div ng-repeat="x in profiles" class="col-lg-4 reduce-left-margin-80">
        <ul style="list-style-type: none;">
            <li>First name and Last name</li>
            <li>position xxxxxxx xxxxxxx</li>
            <li>Company xxxxxx xxx xxxxx</li>
            <li><i class="fa fa-envelope"></i> Email address</li>
        </ul>
    </div>
</div>

My main html page is like this:

<html lang="en" ng-app="myApp">
    <head>
        <title>RTH - Home page</title>
    </head>
    <body>
        <div id="wrap">
            <!--header-->
            <div ui-view="header"></div>
            <!--main content-->
            <div ui-view="content"></div>
        </div>
        <!--footer-->
        <div ui-view="footer"></div>
        <!-- script tags here -->
    </body>
</html>

And stateprovider:

$stateProvider
    .state('first', {
        url: "/first",
        views: {
            header: header,
            content: {
                templateUrl: 'views/HomePage.html',
                controller: function ($scope) {
                }
            },
            footer: footer
        }
    })
    .state('LoggedIn', {
        url: "/LoggedIn",
        views: {
            'header': header,
            'content': {
                temlateUrl: 'views/LoggedIn.html',
                controller: function () {
                }
            },
            'footer': footer
        }
    });
});

Do I have to define second state as well for my profile controller to be called?

in the $stateProvider, you dont define that it corresponds to 'profileController', you are creating a new controller with controller: function ($scope) {} — anotherdev
– anotherdev, Commented Jan 1, 2016 at 11:38
You have to replace "controller; function($scope) { }" with "controller: 'profileController'" — anotherdev
– anotherdev, Commented Jan 1, 2016 at 11:40
@HamletHakobyan Yes I tried with postman(chrome rest plugin) and its returning values on GET request but its not returning any thing in my app — kittu
– kittu, Commented Jan 1, 2016 at 11:51

Arkantos · Accepted Answer · 2016-01-01 14:59:36Z

1

There's a typo in your router config. It should be templateUrl instead of temlateUrl.

$stateProvider
    .state('profile', {
        url: "/profile",
        views: {
            header: header,
            content: {
                templateUrl: 'views/LoggedIn.html',
                controller: 'profileController'
            },
            footer: footer
        }
    })
});

answered Jan 1, 2016 at 14:59

Arkantos

6,6083 gold badges19 silver badges38 bronze badges

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

Collectives™ on Stack Overflow

Controller is not called in angular ui

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related