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屬性綁定

回答

相關問題