代码之家 › 专栏 › 技术社区 › oudekaas

角度2+,双向绑定,搜索json对象并显示结果问题

binding search angular

oudekaas · 技术社区 · 6 年前

我有以下Js/Json。我正在尝试创建一个搜索框,以便搜索列表中的项目。从api我得到下面的对象。它有2000个项目,我想做一个搜索。当我键入搜索时,它应该实时更新找到的项目,其中包括键入的单词(双向绑定)

我觉得用管子太慢了?我很难理解这是jsObject还是json对象。

此外,如果我搜索它,它将显示1900个结果。如何将这些结果限制为8个?

我试过几根管子和下面的回路,但都不行。

objectFromApi = {"item1": "valueItem1, "item2", "valueItem2}
var keys = []
var keys = Object.getOwnPropertyNames(objectFromApi)
 for(var i=0;i<keys.length;i++){
    if(keys[i].indexOf(str) != -1){
       this.resultArr.push(keys[i]);
    }
  }

1 回复 | 直到 6 年前

lf303 6 年前

我创建了一个stackblitz来向您展示我会做什么: https://stackblitz.com/edit/angular-vzjw4c

首先注册一个将绑定到输入的formControl,然后获取其值更改。

每次键入内容时,都会过滤从api获取的对象中提供的键。

希望我帮了你,如果你需要更多的解释,我很乐意帮忙

推荐文章

Jon · Android数据绑定库与Kotlin Android扩展

6 年前

Juliano Rafael · 雄辩的路由隐式绑定Laravel 5.6不起作用

6 年前

Artem · 将clicker绑定到DataTemplate UWP中的VM

6 年前

StriBog · Xamarin如何使用自定义数据创建customCell

6 年前

Nick Wills · Kotlin Android-无法使@BindingAdapter正常工作

6 年前

I. Mendoza · 如何在XAML页面中执行SetBinding和BindingContext?

6 年前

Harkan · JavaFX:将线绑定到两个窗格的中心

6 年前

CodyEakins · Laravel 5.6-路由模型与默认控制器绑定

6 年前

oudekaas · 角度2+,双向绑定,搜索json对象并显示结果问题

6 年前

Erik Thysell · c#wpf组合框将源绑定到一个集合,并将项作为另一个集合的属性

6 年前