Как сделать так, чтобы элементы html отображались рядом с каждым при использовании ng-bind-html? - PullRequest
Новая
       13

Как сделать так, чтобы элементы html отображались рядом с каждым при использовании ng-bind-html?

0 голосов
/ 20 сентября 2019

У меня есть требование, когда я должен отображать HTML-элементы рядом друг с другом, я использую angularjs, когда я использую ng-bind-html в HTML-теге, следующий за ним элемент всегда появляется в новой строке.Я хочу, чтобы элементы появлялись рядом друг с другом.Может ли кто-нибудь помочь мне в решении проблемы?Я создал образец plunk https://plnkr.co/edit/Bq3x4hw5L1MNkLoJW8LQ?p=preview

Я ожидаю, что результат будет 

I am an HTMLstring with links! and other stuff Sai

Но он всегда производит 

I am an HTMLstring with links! and other stuff

Sai

Ответы [ 2 ]

0 голосов
/ 20 сентября 2019

P элемент в основном является блочным элементом и охватывает встроенный элемент, поэтому, когда вы размещаете span вне p, он всегда начинается с новой строки.Просто свяжите ваш HTML-код со встроенным элементом, оба будут в одной строке. 

<p><span ng-bind-html="myHTML"></span> <span> Sai</span></p>
0 голосов
/ 20 сентября 2019

Это проблема CSS, просто измените код, как показано ниже 

<div style="display:flex;">
  <p ng-bind-html="myHTML" style="margin: 0;"></p> <span>Sai</span>
</div>
...