javascript - AngularJS 数组过滤器不起作用

标签 javascript angularjs arrays multidimensional-array

如何让这个过滤器发挥作用?

<div ng-repeat="rvs in reviews | filter:{ Name:'{{ r.Name }}' }">
 {{ rvs.Name }}
</div>

“r.Name”来自其他数组“r inrestaurants”

但是,直接输入字符串而不是 r.Name 可以,如下所示:

<div ng-repeat="rvs in reviews | filter:{ Name:'John' }">
 {{ rvs.Name }}
</div>

数组文件

“评论”

{
  "reviews": [
    {
      "Name": "Sagar Ratna",
      "Reviewer": "Jaskaran",
      "Comments": "Great service, healthy food!",
      "Date": "25th Sept. 2016",
      "Rating" : "4"
    },
    {
      "Name": "The Night Factory",
      "Reviewer": "Pawandeep",
      "Comments": "Nice location, ok service!",
      "Date": "29th Sept. 2016",
      "Rating" : "3"
    }
  ]
}

餐厅

{
  "records": [
    {
      "Name": "Sagar Ratna",
      "Image": "./images/sr.jpg",
      "Address": "Mohali",
      "Type": "South Indian",
      "Hours" : "10:00-23:30"
    },
    {
      "Name": "The Night Factory",
      "Image": "./images/nf.jpg",
      "Address": "Chandigarh",
      "Type": "South Indian",
      "Hours" : "24/7"
    }
  ]
}

最佳答案

删除'{{}}'来自'{{r.Name}}'

<div ng-repeat="rvs in reviews | filter:{ Name:  r.Name  }">
 {{ rvs.Name }}
</div>

关于javascript - AngularJS 数组过滤器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39873538/

相关文章:

javascript - Express js 的 Ajax 发布响应不断抛出错误

javascript - 为什么我在 webstorm 8 中没有从 Angular 获取预先打包的错误消息?

javascript - Angular.js 在指令中更新 SVG 模板

c++ - 指向类中多维数组的指针

javascript - 检查元素在滚动上是否可见

javascript - Nodejs api根据查询字符串值加载数据

angularjs - 如何在 Angular-Material Design 中打开 sideNav

c# - 在 CLR C++ 中用数组初始化 List<T>?

javascript - 用数字和运算符转换数组

javascript - 使用 SNAP.SVG 平滑加载 SVG