Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度过滤器可点击结果_Javascript_Angularjs_Ionic Framework_Angular Filters - Fatal编程技术网

Javascript 角度过滤器可点击结果

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&

我使用了一段很好的代码片段,但当我想添加一个href将每个结果链接到我的应用程序的另一个页面时,我很难找到正确的语法。 谢谢你的帮助

以下是我目前在html中的内容:

<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的语法更新了我的帖子