Javascript 使用绑定到ng模型enteredData的angularjs搜索特定JSON数据
我正在使用Angular搜索JSON数据,查找用户输入的特定名称。我将输入的数据传递到clickButton函数中,使用angular.forEach进行迭代,并将键/值输入结果。示例:在表单中键入Sam,单击搜索,它将查找所有Sam 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应用程序最简单的方法是从一些有用的东西开始,然后继续开发。不要把它全部写出来,因为那样就很难想出如何纠正它了 我遇到的最大问题是:
- 您的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 }"