javascript - 停止 Angular 将 [object Object] 插入我的文本输入

Question

我正在使用 Angular 来过滤表的数据数组。该过滤器适用于表格，但当我选择其中一个选择选项时，它会将 [object Object] 插入到我的文本输入中。我该如何阻止这个？

<div class='table-filters'>

  <div class='row'>
    <label>Search</label>
    <input ng-model="query"   name='search' >
  </div>

  <div class='row'>
    <label for='category'>Category</label>
    <select ng-model="query.cat">
      <option value="">Any</option>
      <option value="VOWEL">Vowels</option>
      <option value="CONSONANT">Consonants</option>
      <option value="NUMBER">Digits</option>
      <option value="SIGN: DEP">Dependent Signs</option>
      <option value="SIGN: IND">Independent Signs</option>
    </select>
  </div>

  <div class='row'>
    <label for='matched-rows'>Matched Characters</label>
    <span id='matched-rows'>{{(rows|filter:query).length}}</span<
  </div>

</div>

Answer 1

我似乎从这个笨蛋那里找到了解决方案 http://plnkr.co/edit/XklvXtc1AZpndjLvXrh8?p=preview ;

<div class='row'>
 <label>Search</label>
 <input ng-model="query[queryBy]"   name='search' >
</div>

js文件:

demo.controller('demoController', function($scope){

    $scope.rows = getRows();
    $scope.query = {};
    $scope.queryBy = '$';

});

我知道，我应该把我的 js 文件放在问题中。对于写得不好的问题表示歉意。谢谢。