Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.05.2019, 23:59
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Добавить тег в описание объекта
Подскажите как добавить тег в описании объекта
array: [
  {
      id: 1,
      text: "какой-то текст <a href="//https">ссылка</a>"
  }
]

Как оформить, что бы после .map отобразился текст и тег ссылки? подскажите пожалуйста
Ответить с цитированием
  #2 (permalink)  
Старый 19.05.2019, 00:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

NeonMan,
не понял вопроса, но кавычки поправил
array: [
  {
      id: 1,
      text: "какой-то текст <a href='//https'>ссылка</a>"
  }
]
Ответить с цитированием
  #3 (permalink)  
Старый 19.05.2019, 00:20
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Как сделать, что бы с обычным текстом передался и тег ссылки. Идет текст и в нем ссылка, а все это находится в строке объекта

Последний раз редактировалось NeonMan, 19.05.2019 в 00:24.
Ответить с цитированием
  #4 (permalink)  
Старый 19.05.2019, 00:25
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Цитата:
text: "какой-то текст <a href='//https'>ссылка</a>"
Тут отобразит просто символы, тег <а> не сработает, но как сделать что бы сработал?
Ответить с цитированием
  #5 (permalink)  
Старый 19.05.2019, 00:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от NeonMan
Тут отобразит просто символы, тег <а> не сработает, но как сделать что бы сработал?
не понимаю.
Ответить с цитированием
  #6 (permalink)  
Старый 19.05.2019, 00:39
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Ну вот строка объекта из array
text: "какой-то текст <a href='//https'>ссылка</a>


Я отображаю этот объект через
const renderCard = array.map((object, idx) => { ...


Как сделать что бы тег <a> сработал, после render(), а не отобразились просто символы
Ответить с цитированием
  #7 (permalink)  
Старый 19.05.2019, 00:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

NeonMan,
не понимаю, возможно вам нужен специалист по angular, могу только гадать может text нужно поменять на html.
Ответить с цитированием
  #8 (permalink)  
Старый 19.05.2019, 15:03
Аватар для NeonMan
Кандидат Javascript-наук
Отправить личное сообщение для NeonMan Посмотреть профиль Найти все сообщения от NeonMan
 
Регистрация: 22.07.2018
Сообщений: 123

Сообщение от рони Посмотреть сообщение
не понимаю, возможно вам нужен специалист по angula
React JS в данном случае, но тут скорее JS нужны знания мне кажется.

Я объясню.

Есть массив:
array:  [
  object  {
     id: 1,
     text: "anytext <a href=''>link</a>"
  }
]

Этот массив я вывожу через .map (или .forEach)
const renderCard = array.map((obj) => {     
      return (                          
            <div>
              <h3 >{obj.text}</h3>
            </div>
)}

Строка text из объекта таким образом отображается: anytext <a href=''>link</a>
тег <a> не срабатывает, а нужно что бы отображался anytext link, link при этом ссылка стала

Последний раз редактировалось NeonMan, 19.05.2019 в 15:06.
Ответить с цитированием
  #9 (permalink)  
Старый 19.05.2019, 15:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от NeonMan
React JS
не могу помочь
Ответить с цитированием
  #10 (permalink)  
Старый 19.05.2019, 16:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

NeonMan,
может как то так ... не уверен в синтаксисе
<h3 dangerouslySetInnerHTML={__html: obj.text}></h3>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Добавить ОПИСАНИЕ выбранного селекта в скрытое поле neformatnoe Элементы интерфейса 4 06.04.2015 08:23
Выпадающее меню на JS (подкатегории) Trueplayer Events/DOM/Window 5 18.09.2014 22:29
Древовидное меню и селекторы youstm jQuery 6 15.09.2014 12:42
Как вставить изображение из объекта new Image в тег <img Danxil Общие вопросы Javascript 1 11.11.2013 10:34
Как добавить тег в каждый элемент списка? elias jQuery 4 15.08.2010 15:19