停止Angular将[object object]插入到我的文本输入中
Stop Angular inserting [object Object] into my text input
我使用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>
我似乎找到了这个plunker的解决方案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文件放在问题中。为写得不好的问题道歉。非常感谢。
查询为Object,其toString()实现返回[Object Object]。
使用query.cat作为输入的ng模型。
<input ng-model="query.cat" name='search' >
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 我的单元测试选项是什么
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 我的职位回报太快了,如何做出承诺
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何识别我的网站中的慢速设备
- 如何将JSON数据导入我的ejs模板
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 为什么我得到的是返回的[object HTML ParagraphElement]而不是我的号码
- object.create 不使用我的新值
- 我如何在Chrome工具中看到[object object]所指的内容
- 为什么 Object.create 使我的私有变量成为静态变量
- 尝试在 Wordpress 中使用 jQuery 文件,这需要 noConflict,但现在我的 Object [obj
- 停止Angular将[object object]插入到我的文本输入中
- 如何避免出现" TypeError: can't access dead object "的状态?在我的Fire
- 为什么我的对象显示为&;[object object]&;
- 雄辩的Javascript, listToArray.为什么我的for循环返回rest [object]当输入数组有超过
- 为什么我的 HTML 构造函数对象返回 [object Object] 而不是 [HTMLElementElement]
- ng-repeat不能用Object.create声明我的模型