Установка <a href> в качестве переменной

0

Я работаю над веб-приложением, в котором я использую массив объектов для объявления значений, которые я распечатаю, используя <p ng-repeat="var game in download.game">{{value}}, {{value}}</p> и т.д.

Я также хотел использовать кнопку загрузки для загрузки файлов. Но с помощью обычного a элемент, я мог бы добавить только одну ссылку на конкретный файл. Поэтому мне было интересно, как я могу назначить переменную моей ссылке, чтобы вместо этого я мог {{download-link}}.

Какие-либо предложения?

  • 0
    Объявите переменную, вставьте строку, объявите атрибут .src для <a> в качестве переменной. Если это возможно, вы так и сделаете. Теперь это в ваших руках
Теги:
web-applications

2 ответа

1
Лучший ответ

Попробуй это:

Контроллер:

$scope.data = [
  {
    link: "http://link.com",
    text: "link.com"
  },
  {
    link: "http://link1.com",
    text: "link1.com"
  },
  {
    link: "http://link2.com",
    text: "link2.com"
  }
];

Посмотреть:

<div ng-repeat="element in data">
  <a href="{{element.link}}">{{element.text}}</a>
</div>

Кодепен: http://codepen.io/anon/pen/LGZrMm

Поделиться
0

Не уверен, что у меня вопрос правильно, но попробуйте что-то вроде:

<div ng-repeat="var game in download.game">
  <a ng-href="{{game.link}}">{{game.value1}}, {{game.value2}}</a>
</div>

Быть game.link и другими переменными переменными, которые вы хотите распечатать.

Вы должны стараться избегать печати Angular переменных в неглавные атрибуты. Поэтому попробуйте использовать ng-href, ng-click и подобные.

Поделиться
  • 0
    Спасибо, мужик! :)
  • 0
    Если он сделал трюк upvote и пометить как решенный :).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню