Раскрывающийся плагин Nativescript отображает только объект объекта вместо значения

Question

Я пытаюсь отобразить значение объекта в раскрывающемся списке и хочу получить полное значение объекта, когда я выбираю любое из значений.Как мне установить это?

Я пытаюсь получить доступ к значению объекта для отображения с помощью "."Оператор как ниже

<dd:DropDown items="{{ raw_material_list.productName }}" selectedIndex="{{ raw_material_index }}" opened="dropDownOpened" closed="dropDownClosed" selectedIndexChanged="dropDownSelectedIndexChanged" class="dropDownStyle" />

Данные, которые я передаю, как показано ниже

raw_material_list = [
     {
       "id": "44",
       "created_date": "2019-04-19 12:01:13",
       "activeFlag": "true",
       "productType": "purchase",
       "productName": "suraksha",
     },
     {
       "id": "43",
       "created_date": "2019-04-19 11:59:59",
       "activeFlag": "true",
       "productType": "purchase",
       "productName": "vajra",
     }
   ];

Мне нужно получить результат, как я уже говорил, любая помощь приветствуется.

Answer 1

Я обновил вашу игровую площадку здесь

Изменено display на productName в раскрывающемся списке common.js

ValueList.prototype.getDisplay = function (index) {
        if (types.isNullOrUndefined(index)) {
            return null;
        }
        if (index < 0 || index >= this.length) {
            return "";
        }
        return this._array[index].productName;
    };

P.S. Вы должны использовать ValueList для Объекта.

Answer 2

приведенный выше ответ был правильным, но для вопроса очень простое и прямолинейное решение:

var nativescript_drop_down_1 = require("../nativescript-drop-down") //Plugin

1> modify the array list like below

raw_material_list = new nativescript_drop_down_1.ValueList([
     {
       "id": "44",
       "created_date": "2019-04-19 12:01:13",
       "activeFlag": "true",
       "productType": "purchase",
       "productName": "suraksha",
     },
     {
       "id": "43",
       "created_date": "2019-04-19 11:59:59",
       "activeFlag": "true",
       "productType": "purchase",
       "productName": "vajra",
     }
   ]);

2>to access data 

let obj = viewModel.get("raw_material_list")._array[viewModel.get("raw_material_index")];

      console.log("----obj-----");
      console.log(obj);