Question

我对Angular JS很新，所以这可能是一个容易回答的问题。

我有以下代码。其中显示了包含多个位置，描述等的JSON数组。输出整个东西是有效的。在田野搜索也很有效。

然而，由于我有不同的页面，我想输出的地方只能说所有位置都是“加拿大”。我想我可以在value="Canada"的输入中使用“Canada”作为ng-model="search.place"来输出“Canada”中的地点。然而，这不起作用。似乎ng-model导致价值消失。在输入中输入“加拿大”然而就像魅力一样。

我怎样才能克服这一点？ ;）

<div ng-controller="IndexCtrl">
<div class="topcoat-list__container">
   <input ng-model="search.place" >

  <ul class="topcoat-list">
    <li class="topcoat-list__item" hm-tap="open(myApp.item_id)" ng-repeat="item in items | filter:search ">
      <h2>{{ item.name }}</h2>
      {{item.description}}

    </li>
  </ul>

</div>
</div>

编辑：这是我的控制器：

myApp.controller('IndexCtrl', function ($scope, Restangular) {


// Fetch all objects from the local JSON (see app/models/myApp.js)
$scope.items = Restangular.all('item').getList();



});

EDIT2 我找到了答案：

$scope.items = $filter("filter")($scope.items, {place: "Canada"});

这可以使用并接受多个参数{place：“Canada”，price：10}

Answer 1

$ scope.search.place = “加拿大”;在控制器中应该这样做。

查看4th step of the AngularJS tutorial以了解双向数据绑定。

Angular Js - 使用输入中的值预填充搜索

1 个答案: