Javascript/AngularJS 数组

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我正在尝试创建一个应用程序，其中有多个位置，并且您开始输入位置名称，它会缩小搜索范围。我在使用这个数组时遇到问题。这是我的代码:

var getSiteLoc = function($scope) {
var SiteLocs
$scope.SiteLocs = [{
  "name": "502 Nelson St, Greenville, MS 38701",
  "visibility": "0",
  "description": "502 Nelson St, Greenville, MS 38701",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-91.05636,33.415485,0"
  }
}, {
  "name": "242 Blackhawk Trace, Galena, IL 61036",
  "visibility": "0",
  "description": "242 Blackhawk Trace, Galena, IL 61036",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-90.319778,42.390862,0"
  }
}, {
  "name": "3747 Ocean Dr, Vero Beach, FL 32963",
  "visibility": "0",
  "description": "3747 Ocean Dr, Vero Beach, FL 32963",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-80.358248,27.659094,0"
  }

现在我希望能够按名称查找这些内容，但似乎无法找到方法。感谢您的帮助。

Answer 1

请参阅此处http://jsbin.com/yodeg/1/edit?html,js,output

HTML:

 <input type="text" ng-model="search"/>
    <ul>
      <li ng-repeat="site in SiteLocs |filter : search ">{{site.name}}</li>

    </ul>

js:

 $scope.SiteLocs = [
   {
  "name": "502 Nelson St, Greenville, MS 38701",
  "visibility": "0",
  "description": "502 Nelson St, Greenville, MS 38701",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-91.05636,33.415485,0"
  }

}
   , 
   {
  "name": "242 Blackhawk Trace, Galena, IL 61036",
  "visibility": "0",
  "description": "242 Blackhawk Trace, Galena, IL 61036",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-90.319778,42.390862,0"
  }
}
   , 
   {
  "name": "3747 Ocean Dr, Vero Beach, FL 32963",
  "visibility": "0",
  "description": "3747 Ocean Dr, Vero Beach, FL 32963",
  "styleUrl": "#waypoint",
  "Point": {
    "coordinates": "-80.358248,27.659094,0"
  }
   }];


});