Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Angular JS,记住过滤时的复选框状态_Angularjs_Checkbox_Ng Repeat_Angularjs Filter - Fatal编程技术网

Angularjs Angular JS,记住过滤时的复选框状态

Angularjs Angular JS,记住过滤时的复选框状态,angularjs,checkbox,ng-repeat,angularjs-filter,Angularjs,Checkbox,Ng Repeat,Angularjs Filter,我正在尝试创建一个带有复选框和搜索框的列表 HTML 问题是,在搜索框中搜索时,复选框状态未保存。例如,当我选中“绿色”时,我在文本框中键入其他内容,然后删除此文本,选中的“绿色”不再被选中。如何在复选框状态上显示“内存” 以下是指向plunker的链接:将ng model=“item.checked”附加到复选框,如: <input type="checkbox" ng-model="item.checked" id="{{item.id}}" value="{{item.id}}"&g

我正在尝试创建一个带有复选框和搜索框的列表

HTML

问题是,在搜索框中搜索时,复选框状态未保存。例如,当我选中“绿色”时,我在文本框中键入其他内容,然后删除此文本,选中的“绿色”不再被选中。如何在复选框状态上显示“内存”

以下是指向plunker的链接:

ng model=“item.checked”
附加到复选框,如:

<input type="checkbox" ng-model="item.checked" id="{{item.id}}" value="{{item.id}}">{{item.name}}
{{item.name}

查看此

我建议您在
数组中为每个
添加一个属性,该属性可以作为
项访问。选中

标记

  <div ng-controller="MainCtrl">
    <input type="text" placeholder="Search" ng-model="query">
    <div ng-repeat="item in items | filter:query">
      <input type="checkbox" ng-model="item.checked">{{item.name}}
    </div>
  </div>

{{item.name}

谢谢。。。太容易了!很高兴能帮助你……谢谢:)@PankajParkar你能看看我的问题吗?由于某些原因,我无法将值附加到我的
ng模型
当我选中一个框时,我得到以下错误-
TypeError:无法分配给只读属性“entityChecked”
。这是我的问题,如果你有时间,我会看看。一旦我有了机器。我把第一个标记为正确答案,谢谢你的时间。
<input type="checkbox" ng-model="item.checked" id="{{item.id}}" value="{{item.id}}">{{item.name}}
  <div ng-controller="MainCtrl">
    <input type="text" placeholder="Search" ng-model="query">
    <div ng-repeat="item in items | filter:query">
      <input type="checkbox" ng-model="item.checked">{{item.name}}
    </div>
  </div>