使用 ember 计算属性(filter) 过滤模型，并使用 ember-models-table 2 以表格格式显示.

Question

尝试使用ember-models-table插件显示用户详细信息。还想使用 isActive 字段过滤数据。我为此使用余烬计算属性(过滤器(。第一次加载页面时，我得到了正确的结果。但是当我尝试过滤时，我可以看到当前过滤器的值正确传递，但没有得到任何结果。该表显示没有要显示的记录。

我的 .hbs 代码：

    <div class="form-group">
        <label for="show">Show:</label>
        <select class="form-control" id="show" onchange={{action "filterUpdated" value="target.value"}}>
            <option value="null">All</option>
            <option value="true">Active</option>
            <option value="false">Inactive</option>
        </select>
    </div>
    {{models-table
data=filteredPeople 
columns=columns 
showColumnsDropdown=false 
useNumericPagination=true 
filteringIgnoreCase=true 
showPageSize=true
    }}

我的控制器代码：

 users: alias('model'),
currentFilter: null,
filteredPeople: filter('users', function(user) {
  if(this.get('currentFilter') === null) {
    return true;
  } else {
    return user.isActive === this.get('currentFilter');
  }
}).property('users', 'currentFilter'),
actions: {
  filterUpdated: function (value) {
    alert(value);
    if (value=== null) {
      this.set('currentFilter', null);
    }
    else {
      this.set('currentFilter', value);
    }
  }

请帮忙。

Answer 1

检查后，我只是注意到这是一个愚蠢的错误，filterUpdated 方法返回字符串，isActive 字段需要一个布尔值。我只是包括了以下行以将其更改为布尔值。

var isActiveS = (this.get('currentFilter'( == 'true'(;

成功了。