Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.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
Javascript 使用绑定到ng模型enteredData的angularjs搜索特定JSON数据_Javascript_Json_Angularjs_Angularjs Scope_Angularjs Ng Model - Fatal编程技术网

Javascript 使用绑定到ng模型enteredData的angularjs搜索特定JSON数据

Javascript 使用绑定到ng模型enteredData的angularjs搜索特定JSON数据,javascript,json,angularjs,angularjs-scope,angularjs-ng-model,Javascript,Json,Angularjs,Angularjs Scope,Angularjs Ng Model,我正在使用Angular搜索JSON数据,查找用户输入的特定名称。我将输入的数据传递到clickButton函数中,使用angular.forEach进行迭代,并将键/值输入结果。示例:在表单中键入Sam,单击搜索,它将查找所有Sam JSON数据。 小提琴 你犯了很多小错误。开发angular应用程序最简单的方法是从一些有用的东西开始,然后继续开发。不要把它全部写出来,因为那样就很难想出如何纠正它了 我遇到的最大问题是: 您的html标记应该是有效的 只声明一次应用程序和控制器 包括角度(!

我正在使用Angular搜索JSON数据,查找用户输入的特定名称。我将输入的数据传递到clickButton函数中,使用angular.forEach进行迭代,并将键/值输入结果。示例:在表单中键入Sam,单击搜索,它将查找所有Sam JSON数据。 小提琴


你犯了很多小错误。开发angular应用程序最简单的方法是从一些有用的东西开始,然后继续开发。不要把它全部写出来,因为那样就很难想出如何纠正它了

我遇到的最大问题是:

  • 您的html标记应该是有效的
  • 只声明一次应用程序和控制器
  • 包括角度(!)
  • 告诉JSFIDLE将javascript放在哪里
  • 您的JSON数据结构比需要的更复杂
此外,如果要筛选数组,可以使用
filter

<tr ng-repeat="result in people|filter:enteredValue">

我已将您的小提琴更新为工作状态:

您可以使用过滤器

ng-repeat="person in people | filter: q"
以下是一个例子:

您还可以选择要筛选的属性(例如,仅按姓氏搜索):


那么问题出在哪里?你只是想显示数据吗?过滤ng重复会更好。也更简单。只是添加了Fiddle,尝试键入Sam并在表中显示所有相同的结果。清楚的然后输入Tom以在表中显示Tom的数据。加载页面上的表格将为空。首先,您有一个打字错误。检查您的控制台。您还实例化了控制器两次。在修复您的输入错误后,一切看起来都很好。谢谢。我们将在下一轮中牢记这一点。
ng-repeat="person in people | filter: q"
ng-repeat="person in people | filter:{ lastname: q }"