AngularJS rel 属性绑定

Question

我正在使用ng-repeat 创建视频列表。我需要在每一行中设置图像的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>          

它绑定了h3标签中的video.name，但没有绑定rel和video.video_image值。不是video.video_image 的值，而是将其绑定为字符串，即http://localhost:9000/%7B%7Bvideo.video_identifier%7D%7D。我的video.video_image 具有有效的图片网址，例如http://my-cdn-server/vaild-image.jpg。

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

Answer 1

关于理解 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 是一个普通变量，通常在使用 Angular 2 方式绑定时访问对象内部属性时会导致麻烦，一般建议是应该有一个额外的级别（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>     

显然应该在使用变量的任何地方添加额外的级别