建築物有代碼。例如:主廳的代碼是「MNH」Angular:含有外部數據的ng-repeat搜索過濾器
房間的編號來自建築物的代碼。例如:「MNH-101」
在數據庫中,代碼附加到大樓,而不是房間。房間只有建築物的ID作爲外鍵。
那麼,如何創建一個表格,其中包含編寫爲[Building Code]-[Room Number]
的房間,同時仍然可以在房間的 「完整」號碼上搜索:「MNH-101」?
到目前爲止,我有這樣的:
<form>
<input type="text" ng-model="searchRoom">
</form>
<table class="table table-striped table-bordered">
<tr ng-repeat="room in view.rooms|filter:searchRoom">
<td>
<a ng-href="room/{{room.id}}">
{{ view.building.code }}-{{ room.number }}
</a>
</td>
</tr>
</table>
合併房間號碼顯示沒關係,我可以在房間搜索號,那就是「100」,但我不能在「搜索MNH 」。
我很新的角度,所以我的問題主要是,我不知道該怎麼谷歌。理想情況下,我想保留單個搜索框,並且還希望將建築代碼和編號保留在同一列中。
需要自定義過濾器嗎?
任何幫助?
編輯:
所以,在控制,我只是遍歷房間,並在建築規範猛。
for (var i = rooms.length; i--;) {
rooms[i].number = vm.building.code + "-" + rooms[i].number;
}
不優雅?有沒有更好的辦法?
如果此房間列表僅用於顯示目的,並且不保存回數據庫或任何其他內容,則可以根據需要創建包含視圖所需內容的列表。沒有強制要堅持後臺發送的格式。 – GregL