我正在尝试使用angular来创建一个由主题,日期,演示者组织的不同视频的表格,并且还会被标记.
我使用ng-repeat重复我的对象数组来生成一个表.
但是,如何动态更改播放按钮的href链接?
在下面的jsfiddle中,我添加了一个静态行,每行应该是什么样子.第一列有一个链接到视频的fontawesome图标.如何编辑函数以便在ng-repeat中更新href链接?
http://jsfiddle.net/jheimpel/f139z9zx/3/
function playerCtrl($scope) { $scope.topics = [ { "play": "play","topic": "topic 1","date": "date 1","presenter": "presenter 1","tags": "tag" },{ "play": "play","topic": "topic 2","date": "date 2","presenter": "presenter 2",]; }
你可以放一个< a>在ng-repeat内部使用动态href进行标记,它的工作方式与您期望的一样 – 尽管使用ng-href更好,因此您的链接在数据绑定准备好之前不会中断.
我更新了你的小提琴:here
因此ng-repeat开头于:
<tr ng-repeat="topic in topics"> <td><a ng-href="#/{{topic.url}}"><i class="fa fa-play"></i></a></td>
(我在测试数据中添加了额外的url字段)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。