AngularJS过滤器用于逗号分隔值

时间:2016-09-22 15:40:06

标签: angularjs json

我的数据库中有一列有逗号分隔值,例如这是我的表:

enter image description here

现在我想在我的AngularJS应用程序中过滤它。

我可以按姓名等进行过滤,无论哪个列只有一个字符串。但是,如果我必须通过水果对它进行排序,我很难将它排序。

例如:我想排序谁喜欢橙色,谁喜欢苹果等等,我坚持这个。也许你可以帮助我。

这是我的html文件中的代码:

  <div class="col s12">
                <div class="col s12 input-field">
                    <select
                        ng-model="global.fruitFilter"
                        ng-options="tp.fruits as tp.fruits for tp in tables= (table | filter: {region: global.name||undefined, cluster: global.amount||undefined :true) | unique:'fruit'"
                        material-select watch>
                        <option value="">Select Fruit</option>
                    </select>
                </div>
            </div>

我在这里使用ng-options所以每当我选择一个水果时,我的桌子会适应哪个人有水果,例如如果我选择一个Apple,我的桌子只会显示喜欢苹果的数据:(Rita,Eve)。

我的主页上有一个按钮,用于过滤表格中的数据:

enter image description here

我怎样才能做到这一点?我只使用一个json文件

{"id":1,"name":"Rita",fruits":["Apple"],["Banana"],["Guava"],"created_at":"2016-08-18 12:33:14","updated_at":"2016-09-22 13:54:01"}

我是AngularJS的新人1.请帮助我。

0 个答案:

没有答案
相关问题