AngularJS rel属性绑定

我使用ng-repeat来创建视频列表。我需要在每一行中设置图像的rel属性。我想在下面的方式：AngularJS rel属性绑定

<li ng-repeat="video in top_videos > 
    <div class=" video-list" > 
    <a href="#"> 
     <img src="images/aspect-px.png" rel="{{video.video_image}}" /></a> 
     <h3><a href="post.html">{{video.name}}</a></h3>            
    </div> 
</li>

它结合了video.name在h3标签，但不能与video.video_image值绑定rel。它不是video.video_image的值，而是将其绑定为一个字符串，即http://localhost:9000/%7B%7Bvideo.video_identifier%7D%7D。我的video.video_image拥有有效的图像网址，例如http://my-cdn-server/vaild-image.jpg。

我有很多与主题相关的jQuery方法，它们需要一个有效的rel值。请帮我使它工作。

来源

2016-06-01 Harpreet Gill

可能的复制[如何与AngularJS生成url编码锚链接？]（http://stackoverflow.com/questions/14512583/how-to-generate-url-encoded-anchor-links-with-angularjs） – DrColossos

有一个非常良好的阅读是了解在AngularJS的范围给它的外观，即使这不是因为它会给你的基本概念非常了解：

https://github.com/angular/angular.js/wiki/Understanding-Scopes

或只是看视频（3分钟）

https://www.youtube.com/watch?v=ZhfUv0spHCY&feature=youtu.be&t=30m

我认为问题是：top_videos是一个普通的可变通常访问对象内的属性时若这引起麻烦采用了棱角分明双向绑定，一般的建议是，应该有一个附加级别（topLevel.your对象）：

<li ng-repeat="video in data.top_videos > 
    <div class=" video-list" > 
    <a href="#"> 
     <img src="images/aspect-px.png" rel="{{video.video_image}}" /></a> 
     <h3><a href="post.html">{{video.name}}</a></h3>            
    </div> 
</li>

显然，额外的水平应该到处添加在您使用的是可变

来源

2016-06-01 12:53:14 Richard

AngularJS rel属性绑定

回答

相关问题