使用angularjs过滤器取消选中复选框时显示所有结果

使用angularjs过滤器取消选中复选框时显示所有结果,angularjs,checkbox,filter,Angularjs,Checkbox,Filter,我只是想做一件让我头疼的简单事情 在Angularjs的应用程序中,我有一个带有值的字典。我想使用复选框筛选我的值。 如果选中该复选框,则列表将使用具有is_streaming:TRUE的元素刷新。 但是如果复选框未选中。我想展示所有的结果 目前,当复选框被选中时,它只显示好的事件(这正是我想要的),但当我取消选中时,我只有带有FALSE的元素 var events = [{ id: 0, event_name: 'Concert 1', is_streaming: 't

我只是想做一件让我头疼的简单事情

在Angularjs的应用程序中,我有一个带有值的字典。我想使用复选框筛选我的值。 如果选中该复选框,则列表将使用具有is_streaming:TRUE的元素刷新。 但是如果复选框未选中。我想展示所有的结果

目前,当复选框被选中时,它只显示好的事件(这正是我想要的),但当我取消选中时,我只有带有FALSE的元素

var events = [{
    id: 0,
    event_name: 'Concert 1',
    is_streaming: 'true'
  }, {
    id: 1,
    event_name: 'Concert 2',
    is_streaming: 'true'
  },{
    id: 2,
    event_name: 'Concert 3',
    is_streaming: 'true'
  }



<ion-toggle ng-model="is_streaming" toggle-class="toggle-calm">En ce moment</ion-toggle>
<ion-list>
 <ion-item class="" ng-repeat="event in filtered=(events | filter:is_streaming)" type="item-text-wrap" href="#/tab/chats//{{event.id}}">
  <div class="player" ng-show="{{event.is_streaming}} == true"></div>
 </ion-item>
</ion-list>
var事件=[{
id:0,
活动名称:“音乐会1”,
_流媒体:“真的”
}, {
id:1,
活动名称:“音乐会2”,
_流媒体:“真的”
},{
id:2,
活动名称:“音乐会3”,
_流媒体:“真的”
}
恩斯时刻

听到任何帮助或建议都会很高兴。THX

因此,如果您只想检查is_流的值,则不需要使用筛选器,最好使用ngIf来执行此操作,请查看以下内容:

我将一个值切换为false来测试它。 ng如果语法:

    <span ng-if"expression">display what you need </span>
显示您需要的内容
编辑:

更改复选框属性以使用ng false值并将其设置为null:

<ion-toggle ng-model="search.is_streaming" ng-false-value="null" toggle-class="toggle-calm">En ce moment</ion-toggle>
En-ce力矩
然后您可以使用:

<ion-item class="" ng-repeat="event in events | filter: search.is-streaming" type="item-text-wrap" href="#/tab/chats//{{event.id}}">


你能放一把小提琴吗?我试过你的例子,但控制台给了我一个错误'code'错误:[ngModel:constexpr]
ngFalseValue
需要常量表达式,但发现“`.'code”很有意思。对我来说效果很好。必须在ionic项目中进行测试。在发布之前,我在Plunker中使用了一个复选框进行了测试。很抱歉,您是正确的,在最新版本中,它也为我抛出了一个错误。不过,只需将ng false值设置为null。与ng false value=“null”完美配合使用!非常感谢!