How to print value from an array in angular js

Question

I have select option code:

<select ng-init="loadHouse()" name="house" ng-model="house" class="form-control">  
 <option value="">Select House</option>  
 <option ng-repeat="house in houses" value="{{house.hid}}">{{house.hname}}</option>  
</select>

Script:

$scope.loadHouse = function(){
 $http.get("Unity/load_house.php")  
 .then(function(data){
  $scope.houses = data;  
  console.log(data);
 })  
}

And load_house.php

include('../config/config.php');
require 'model/model.unity.php';
$insertHouse = loadHouses();
while($row = mysqli_fetch_array($insertHouse)){  
  $output[] = $row;  
}  
echo json_encode($output);

It seems to work and I am able to print data inside console. But inside option its empty:

What can be the problem?

EDIT Here is console data:

We would have to see what your response is, or how the house-object looks like, to be able to help you. — flx, Feb 07 '18 at 08:00
@YevgeniyBagackiy btw instead of using an `ng-repeat` on your ` — flx, Feb 07 '18 at 08:05

score 1 · Accepted Answer · answered Feb 07 '18 at 08:09

1

You need to use data.data

$scope.loadHouse = function(){
 $http.get("Unity/load_house.php")  
 .then(function(data){
  $scope.houses = data.data;  
  console.log(data);
 })  
}

also use ng-options instead of ng-repeat as follows

<select ng-options="item as item.hcolor for item in houses" ng-model="selected"></select>

answered Feb 07 '18 at 08:09

Sajeetharan

216,225
63
350
396

im getting error when i use ng-options. Here is an error: `angular.js:14525 Error: [$compile:ctreq]` With ng-repeat its fine – Yevgeniy Bagackiy Feb 07 '18 at 08:21
that was just a suggestion – Sajeetharan Feb 07 '18 at 08:26
I found the problem. Thank you for help – Yevgeniy Bagackiy Feb 07 '18 at 08:30
How to add option "select House" in it? – Manish Balodia Feb 07 '18 at 09:59
https://stackoverflow.com/questions/33993468/how-to-set-default-value-in-ng-options – Sajeetharan Feb 07 '18 at 10:04
If this is not set in 0 index of options array! – Manish Balodia Feb 07 '18 at 10:14

score 0 · Answer 2 · answered Feb 07 '18 at 08:01

you should define scope of houses, outside of loadHouse function try this.

$scope.houses = [];
$scope.loadHouse = function(){
  $http.get("Unity/load_house.php")  
   .then(function(data){
     $scope.houses = data;  
     console.log(data);
   })  
}

and your ng-model of select should different then ng-repeat local scope of house, try this

ng-repeat="_house in houses"

How to print value from an array in angular js

2 Answers2