javascript - Angularjs 使用 id 获取属性

Question

我有一张 table 盘子

{
    "id": 1,
    "plate_types_id": 1,
    "project_id": 1,
    "deleted_at": null,
    "created_at": "2015-10-21 18:42:26",
    "updated_at": "2015-10-21 18:57:27"
}

数据库中的另一个表称为platetypes

"data": {
        "PlateTypes": [
            {
                "id": 1,
                "name": "Sibyl Streich",
                "description": "Necessitatibus.",
                "document_id": 7,
                "created_at": "2015-10-21 18:42:25",
                "updated_at": "2015-10-21 18:42:25"
            }

我想要的是当我选择A盘时，我可以得到plate_type_id也是如此，但不是看到 id我想检索 plate_type 的名称在这种情况下，这是假数据 "Sibyl Streich"

在我的 html 中，我有以下内容。

<div class="form-group">
              <label class="col-sm-2 control-label">Select a plate:</label>
              <div class="col-sm-5">
                <select class="form-control m-b-sm" id="plateId"  ng-model="selectedPlate.item" ng-options="plate as (plate.id + ' - ' + plate.serial_number) for plate in plates" required="true" />
                <option value=" ">----------</option>
                </select>
              </div>
            </div>



        <div class="form-group">
          <label for="input-readonly" class="col-sm-2 control-label">Plate Type: </label>
          <div class="col-sm-5">
            <input type="text" class="form-control" id="input-readonly" value="{{selectedPlate.item.plate_types_id}}" readonly>
          </div>
        </div>

如果我这样做selectedPlate.item.plate_type_id它正常工作，并返回 1在这种情况下，但是我可以得到 name属性而不是 id或使用 id到达name

我尝试过这样的事情

selectedPlate.item.plate_type_id.name但这不起作用。我怎样才能实现这个目标？

Answer 1

我看到至少有两个选项可以通过 id 获取车牌名称:

• 将"plateTypes"数组转换为由id属性索引的对象。然后在模板中你可以得到这样的名称:

  plateTypes[selectedPlate.item.plate_type_id].name
  

• 编写一个实用函数，在给定 id 的情况下，在 plateTypes 中进行搜索。然后在模板中您将得到如下名称:

  getPlateType(selectedPlate.item.plate_type_id).name