ng-binding, $scope variable empty when called in html

Question

the variable comes empty when binded on html

HTML code:

<html lang="en" ng-app="roomInfo">
...

<div id="modal" ng-controller="roomListCtrl" class="modal fade">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">{{ room[0].name }}

JS code:

 var roomInfo = angular.module('roomInfo', []);

roomInfo.controller('roomListCtrl', function ($scope, $http) {

    $http.get("/room-list-info/").then(function(response) {
        $scope.rooms = response.data;
    });

    $scope.getRoom = function (id) {
        var url = "/room-info/"+ id +"/";
        console.log(id);
        $http.get(url).then(function(response) {
            $scope.room = response.data;
            console.log($scope.room[0].name + "hola");
        });
    };


});

The console.log() shows the info that i want but for some reason it doesnt go to the html Also the rooms[0].name works just the room[0].name doesnt work

what is response.data? An array? Can you log what response.data is? — ltalhouarne
– ltalhouarne, Commented Mar 4, 2016 at 1:02

SSH · Accepted Answer · 2016-03-04 01:14:28Z

1

Looks like you call $scope.getRoom outside of Angular context. You either need to use Angular bindings like ng-click, or manually do $scope.$apply.

answered Mar 4, 2016 at 1:14

SSH

2,55316 silver badges21 bronze badges

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

1 Comment

Omar Herrera Over a year ago

it was out of the controller scope

Steeve Pitis · Accepted Answer · 2016-03-04 01:05:52Z

0

At the beginning $scope.rooom[0] is undefined so angular crash when you want room[0].name. try this {{ room[0] ? room[0].name: '' }}

answered Mar 4, 2016 at 1:05

Steeve Pitis

4,4631 gold badge24 silver badges25 bronze badges

1 Comment

SSH Over a year ago

No, for Angular bindings it doesn't matter

Collectives™ on Stack Overflow

ng-binding, $scope variable empty when called in html

2 Answers 2

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Related