2016-08-26 303 views
0

我有一個下拉箭頭,但下拉箭頭內的所有元素沒有按照健康的方式排序。我試圖使用orderBy角度過濾器,但一直有一些掙扎。在做了一些小事後,我相信問題是因爲我需要顯示的內容嵌套在一些對象中。按字母順序對角度對象進行排序

我的前端看起來像

%input-md{ type: 'select', "ng-model" => "vm.form.group", required: true, options: 'vm.groups', placeholder: 'Select your group' } 

我的控制器中有這個功能,解決了組。

init = -> 
    success = (groups) -> 
     vm.groups = groups 
     return 

所以我第一次在一個調試器加送groups被定義之後的功能,在這我搜索了在JS控制檯羣體,並獲得了多項或看起來像這樣的對象。

text : "American group" 
value : Object 
__proto__ : Object 

看起來有點像: enter image description here

我需要這些,被自己的text field所以在這種情況下American group

我試圖要在

%input-md{ type: 'select', "ng-model" => "vm.form.group", required: true, options: "object in vm.groups | orderBy: 'text'", placeholder: 'Select your group' } 

排序,但我不斷收到一個不承認text的錯誤。它的Failed to execute 'setAttribute' on 'Element': 'text'' is not a valid attribute name.

所以我不知道我錯過了什麼,我希望有人可以快速看看,並希望有點理順我。

*****編輯****

做一些進一步的研究後,我瞭解到,排序依據()不使用對象,它只能與陣列。這解釋了爲什麼我的方法不起作用。 (仍在試圖弄清楚如何真正去用這樣的修復)

回答

1

更改選項屬性: object.text for object in data | orderBy: 'text'

+0

對不起芽,但我給一個嘗試,沒有任何成功。我相信這是因爲'orderBy'不適用於對象 – kdweber89

+0

我已更正了我的答案,請檢查此填充https://jsfiddle.net/112g/Levo00so/ – 112g

相關問題