我正在尝试使用angularjs ui-bootstrap构建一个标签。使标签工作。
在标签下方,使用ng-repeat显示内容。 在其中一个选项卡中,想要在ng-repeat中搜索列出的内容。 但搜索无效。
如果我将搜索框移出选项卡,它就可以正常工作。
HTML代码:
<tabset>
<tab heading="Static title">Static content
Enter text to search
<input id="search" type="text" class="form-control" ng-model="search.title" placeholder="this is not working">
</tab>
<tab select="alertMe()">
<tab-heading>
<i class="glyphicon glyphicon-bell"></i> Alert!
</tab-heading>
I've got an HTML heading, and a select callback. Pretty cool!
</tab>
</tabset>
<input id="search" type="text" class="form-control" ng-model="search.title" placeholder="this is working">
<hr />
<div ng-repeat="tab in tabs | filter:search">
{{tab.content}}
</div>
占位符将帮助您找到合适的人。
JS代码:
var TabsDemoCtrl = function ($scope) {
$scope.tabs = [
{ title:'one', content:'Dynamic content 1' },
{ title:'two', content:'Dynamic content 2'}
];
};
plunker中的完整代码:http://plnkr.co/edit/xDEP8W?p=preview
答案 0 :(得分:2)
如果您只是将$scope.searchnotworking = [];
添加到js,它将初始化。不完全确定为什么它不会这样,我认为是范围。