Javascript 角度过滤器可点击结果
我使用了一段很好的代码片段,但当我想添加一个href将每个结果链接到我的应用程序的另一个页面时,我很难找到正确的语法。 谢谢你的帮助 以下是我目前在html中的内容:Javascript 角度过滤器可点击结果,javascript,angularjs,ionic-framework,angular-filters,Javascript,Angularjs,Ionic Framework,Angular Filters,我使用了一段很好的代码片段,但当我想添加一个href将每个结果链接到我的应用程序的另一个页面时,我很难找到正确的语法。 谢谢你的帮助 以下是我目前在html中的内容: <div data-ng-controller="searchController"> <input type="text" ng-model="search" placeholder="Type here" class="search_all_inputfield"> <table&
<div data-ng-controller="searchController">
<input type="text" ng-model="search" placeholder="Type here" class="search_all_inputfield">
<table>
<tbody>
<tr ng-repeat="item in items | filter:searchText " href="#">
<td >{{item.id}}</td>
<td>{{item.name}}</td>
</tr>
</tbody>
</table>
</div>
编辑:工作解决方案-修改HTML,用DIV替换表格演示:
<div data-ng-controller="searchController">
<input type="text" ng-model="search" placeholder="Type here" class="search_all_inputfield">
<div ng-repeat="dish in dishList" href="#">
<a href="#path/to/url"><div>
<span>{{item.id}}</span>
<span> / </span>
<span>{{item.name}}</span>
</div></a>
</div>
</div>
如果向数据添加链接
$scope.items = [
{id:1, name:'John', link:'home'},
{id:2, name:'Steve', link:'about'},
{id:3, name:'Joey', link:'contact'},
{id:4, name:'Mary', link:'links'},
{id:5, name:'Marylin', link:'blog'}];
然后,您可以使用ng href创建链接
<td><a ng-href='{{item.link}}'>{{item.name}}</a></td>
好的,这是可行的,但由于数据最终将来自Web服务,我正在寻找一种从html生成动态url的方法。我不确定我是否理解,你能举个例子吗?你会看到我找到了一个解决方案,并用将url嵌入html的语法更新了我的帖子