Блог

Главная - Вопросы по программированию - разрывы строк в строке при привязке ее с помощью angularjs

разрывы строк в строке при привязке ее с помощью angularjs

#string #angularjs #line #break

#строка #angularjs #разрыв

Вопрос:

у меня проблема с указанием разрыва строки в строке при привязке данных в AngularJS

 <h3  ng-bind="thirdContainHeaderOneTitle"></h3> 
$scope.thirdContainHeaderOneTitle = "my   '<br>'   hdjsd";

они <br>,'<br>',' /n' не работают, и я не знаю почему..

Ответ №1:

См. https://docs.angularjs.org/api/ng/directive/ngBindHtml вместе с опубликованным примером:

Вид:

 <div ng-controller="ngBindHtmlCtrl">
 <p ng-bind-html="myHTML"></p>
</div>

Приложение:

 angular.module('ngBindHtmlExample', ['ngSanitize'])

.controller('ngBindHtmlCtrl', ['$scope', function ngBindHtmlCtrl($scope) {
  $scope.myHTML =
     'I am an <code>HTML</code>string with <a href="#">links!</a> and other <em>stuff</em>';
}]);

Обратите внимание, что вам необходимо включить модуль ngSanitize.

Ответ №2:

Вы не можете просто привязать html к своим строкам. Вместо этого попробуйте что-то подобное. 

 <div ng-bind-html-unsafe="thirdContainHeaderOneTitle"></div>

Это должно проанализировать ваш HTML и дать желаемый эффект.

Ответ №3:

Вы не можете отправить какой-либо HTML-код через $scope

Лучше использовать директиву, а внутри нее будет шаблон, тогда вы сможете отправить любой html, который захотите, вот так : 

   app.directive('yourdirective',function(){
      return {
        restrict:"E",
        template:"my"   "<br>"   "hdjsd"
        } 
   });

и в вашем html : 

  <yourdirective></yourdirective>