JSON array can't be read in AngularJS

Question

I got ng-repeat to read array:

<div layout="row" layout-align="start end">
        <md-input-container flex="20">
            <label>Product Name *</label>
            <md-select required ng-model="review.productName">
                <md-option ng-repeat="pn in productName_array" value="{{pn}}">{{pn}}</md-option>
            </md-select>
        </md-input-container>
    </div>

And this is the angular code,

self.productName_array  = ["abe","abe1","abe2","abe3"];

The resulting array can be read. But it can't be read when I change the initiation to this angular code.

This is the controller:

self.productName_array  = request.getProductName();

This is the request script:

obj.getProductName = function (){
    return $http.get(api_base + 'getProductName').then(function (results) { return results.data;});
};

This is the API script:

private function getProductName(){
    $this->product->findName();
}

This is the query:

public function findName(){
    if($this->get_request_method() != "GET") $this->response('',406);
    $query="SELECT name FROM product p ORDER BY p.id DESC";
    $this->show_response($this->db->get_list_name($query));
}

The result from the angular code is like this:

[["Xiaomi Pocophone F1"],["Samsung Galaxy S9+"],["Samsung Galaxy Note9"],["Iphone XR"],["Iphone XS"],["XIAOMI MI A1 RAM 4\/32GB"],["Iphone XS Max"],["VIVO Y71"],["SAMSUNG GALAXY J2 PRIME"],["SAMSUNG GALAXY J7 PRIME"],["HomeIPHONEIPHONE 6S+"],["HONOR 9 LITE"],["EVERCOSS AT7H"],["Blackberry Aurora"]]

Possible duplicate of How do I return the response from an asynchronous call? — Hamms
– Hamms, Commented Sep 17, 2018 at 20:34
It bears repeating: There's no such thing as a "JSON array"; it's just a normal array, no need to mention JSON. — Heretic Monkey
– Heretic Monkey, Commented Sep 17, 2018 at 20:36
you should consider changing your structure to something like [{productName:"Xiaomi Pocophone F1"}, {productName:"Samsung Galaxy S9+"}, ...etc] — Panos K
– Panos K, Commented Sep 18, 2018 at 14:27

Tom Edwards · Accepted Answer · 2018-09-18 13:41:28Z

1

Although it doesnt really need to be done, if yyou need it as a json use:

var newJson = JSON.stringify(ArrayName);

answered Sep 18, 2018 at 13:41

Tom Edwards

1241 silver badge13 bronze badges

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

Comments

Bridget Arrington · Accepted Answer · 2018-09-17 20:29:59Z

0

Looking at your dynamic result, it appears that your controller is assigning an array containing an array. To access the values you can use

  <md-option ng-repeat="pn in productName_array[0]" value="{{pn}}">{{pn}}</md-option>

answered Sep 17, 2018 at 20:29

Bridget Arrington

4447 silver badges22 bronze badges

Collectives™ on Stack Overflow

JSON array can't be read in AngularJS

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related