未知對象鍵上的AngularJS過濾器

Question

我有一個帶有對象的數組。 每個對象在鍵中都包含其實際值，並且該值始終是一個空數組。

[ { john : [] }, { foo : [] } ] ...etc

我正在使用以下HTML呈現所需的內容

<li ng-repeat="(x,y) in tags" class="tag" style="color: white; padding:5px;">
    <span ng-repeat="(c,d) in y" class="label" ng-style="{'background-color': getTagColor(c)}">{{c}}</span>
</li>

在這種情況下，這將導致顯示列表，僅顯示john，foo。

現在我想知道，我將如何對此進行過濾。 常規過濾器不起作用。 我嘗試使用像<input ng-model="search.$">這樣的對象鍵過濾器，但這似乎不起作用。

提前致謝！

Answer 1

答案很簡單

.filter('piemel', function(){
return function(items, value){
    var returnList = [];

    if(items){
        for(x in items){
            var tag = Object.keys(items[x])[0].toLowerCase();

            if(value){
                value = value.toLowerCase();
                if( tag.indexOf(value) != -1){
                    returnList.push(items[x]);
                }
            }
            else{
                returnList.push(items[x]);
            }
        }
    }

    return returnList;
};
})

和

ng-repeat="(x,y) in tags | piemel:searchText"