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
– flx, Commented Feb 7, 2018 at 8:00
@YevgeniyBagackiy btw instead of using an ng-repeat on your <option> check out ng-options. — flx
– flx, Commented Feb 7, 2018 at 8:05

Sajeetharan · Accepted Answer · 2018-02-07 08:09:11Z

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 7, 2018 at 8:09

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

6 Comments

Yevgeniy Bagackiy Over a year ago

im getting error when i use ng-options. Here is an error: angular.js:14525 Error: [$compile:ctreq] With ng-repeat its fine

Sajeetharan Over a year ago

that was just a suggestion

Yevgeniy Bagackiy Over a year ago

I found the problem. Thank you for help

Manish Balodia Over a year ago

How to add option "select House" in it?

Sajeetharan Over a year ago

stackoverflow.com/questions/33993468/…

|

Praveen Soni · Accepted Answer · 2018-02-07 08:01:50Z

0

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"

answered Feb 7, 2018 at 8:01

Praveen Soni

7908 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to print value from an array in angular js

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related