Связывание атрибутов AngularJS rel

Question

Связывание атрибутов AngularJS rel

0

Я использую 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>

Это привязка video.name в теге h3 но не привязка rel к значению video.video_image. Вместо значения video.video_image он привязывает его как строку, то есть http://localhost:9000/%7B%7Bvideo.video_identifier%7D%7D. У моего video.video_image есть правильные URL-адреса изображений, такие как http://my-cdn-server/vaild-image.jpg.

У меня много методов jQuery, связанных с темой, для которых требуется действительное значение rel. Пожалуйста, помогите мне заставить его работать.

Harpreet Gill 01 июнь 2016, в 11:50

Источник

0

Возможный дубликат Как сгенерировать url-кодированные анкерные ссылки с AngularJS?
DrColossos 01 июнь 2016, в 08:53

Теги:

javascript

jquery

angularjs

angularjs-ng-repeat

1 ответ

Ещё вопросы

Возможный дубликат Как сгенерировать url-кодированные анкерные ссылки с AngularJS?

Richard · Answer 1 · 2016-06-01T11-15-00.000Z

Существует действительно хорошее чтение о понимании областей в 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 - простая переменная, обычно это вызывает проблемы при доступе к внутренним атрибутам объекта при использовании угловой привязки в 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>

Очевидно, что дополнительный уровень должен быть добавлен везде, где вы используете переменную