Javascript AngularJS搜索不';行不通
我有一个Javascript AngularJS搜索不';行不通,javascript,html,mysql,angularjs,Javascript,Html,Mysql,Angularjs,我有一个MySQL数据库和表。我使用节点JS从中获取数据。我的HTML代码包含输入搜索和一个包含搜索结果数据的表。我使用AngularJS进行搜索 问题是搜索不起作用。我有整张桌子,而不是一些结果 HTML代码的一部分: <div class="search"> <form action="" method="post" class="searchform" > <input type="search" name="" placeholder="Поис
MySQL
数据库和表。我使用节点JS
从中获取数据。我的HTML代码包含输入搜索和一个包含搜索结果数据的表。我使用AngularJS
进行搜索
问题是搜索不起作用。我有整张桌子,而不是一些结果
HTML代码的一部分:
<div class="search">
<form action="" method="post" class="searchform" >
<input type="search" name="" placeholder="Поиск" class="inputsearchform" ng-model="search"/>
<input type="submit" name="" value="" class="submitsearchform" />
</form>
</div>
<div class="songlist" ng-app='test_table' ng-controller='main_control'>
<table id="songlistTableR">
<tr><th>Name</th><th>Link</th></tr>
<tr ng-repeat="data in loaded | filter:search">
<td><i class="fa fa-plus"></i>{{data.song_name}}</td>
<td><a href="{{data.link}}" target='_blank'>Youtube</a></td>
</tr>
</table>
</div>
所有angular html代码都需要嵌套在ng app属性中,因此angular永远不会解析您的
,包括您的ng模型定义。您应该将代码编辑为以下内容:
<div class="songlist" ng-app='test_table' ng-controller='main_control'>
<div class="search">
<form action="" method="post" class="searchform" >
<input type="search" name="" placeholder="Поиск" class="inputsearchform" ng-model="search"/>
<input type="submit" name="" value="" class="submitsearchform" />
</form>
</div>
<table id="songlistTableR">
<tr><th>Name</th><th>Link</th></tr>
<tr ng-repeat="data in loaded | filter:search">
<td><i class="fa fa-plus"></i>{{data.song_name}}</td>
<td><a href="{{data.link}}" target='_blank'>Youtube</a></td>
</tr>
</table>
</div>
名称链接
{{data.song_name}
我当然会接受,但我只能在2分钟内完成。你能帮助我吗?例如,如何只在song_name列中搜索?@LevS类似这样的内容ng repeat=“加载的数据|过滤器:{song_name:search}”
<div class="songlist" ng-app='test_table' ng-controller='main_control'>
<div class="search">
<form action="" method="post" class="searchform" >
<input type="search" name="" placeholder="Поиск" class="inputsearchform" ng-model="search"/>
<input type="submit" name="" value="" class="submitsearchform" />
</form>
</div>
<table id="songlistTableR">
<tr><th>Name</th><th>Link</th></tr>
<tr ng-repeat="data in loaded | filter:search">
<td><i class="fa fa-plus"></i>{{data.song_name}}</td>
<td><a href="{{data.link}}" target='_blank'>Youtube</a></td>
</tr>
</table>
</div>