$scope value not getting updated when used in $http [duplicate]

Question

I am trying to load a local json file and get the data in to a $scope variable.

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

 $scope.menu = function () {
        $http.get('file.json')
            .then(function (data) {
                          $scope.menu=data.data.menu;  

            });
  };

Also I tried return data.data.menu. But not menu is not updating.

Tried caling this on page load.

$scope.menu();

In html:

<body ng-app="myApp">
    <div ng-controller="myController">
    <ul class="nav navbar-nav" ng-repeat="item in menu">
    // other stuffs

What is wrong here.

I Simply put the below code directly in the controller, but still not working.

 $http.get('file.json')
            .then(function (data) {
                          $scope.menu=data.data.menu;  

            });

stackoverflow.com/questions/16930473/… check these answers probably same issue — Panos K
– Panos K, Commented Nov 24, 2017 at 16:36
The $scope propery with the name menu is overloaded. The code uses it both as the name of a function and as the name of data for the View. — georgeawg
– georgeawg, Commented Nov 24, 2017 at 21:04

Marcus · Accepted Answer · 2017-11-24 16:45:26Z

1

Try this:

myApp.controller('myController', [
    '$scope',
    '$http',
    function(
        $scope,
        $http
    )
    {
        $scope.menu = [];

        $scope.getItems = function()
        {
            $http.get('file.json')
            .then(function(response)
            {
                $scope.menu = response.data.menu;
            });
        };

        $scope.getItems();
    }
]);

Also, you need to make sure that file.json is served as a static file from the web server and has the following structure:

{
    "menu": []
}

answered Nov 24, 2017 at 16:45

Marcus

3504 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

$scope value not getting updated when used in $http [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related