AngularJS конвертировать текст в теги HTML - PullRequest
0 голосов
/ 14 декабря 2018

Хорошо, поэтому я изучаю AngularJS, и одна из функций заключается в том, чтобы позволить пользователю вводить HTML-код в текстовую область, это отправляется в контроллер и сохраняется в переменной кода.Когда пользователь нажимает кнопку, чтобы проверить код, я хочу, чтобы текст был вставлен в документ HTML.В настоящее время все, что он делает, это добавляет его в виде простого текста, поэтому не рендерит его.

test-code.template.js:

<button type="button" class="btn btn-primary" ng-click="$ctrl.showCode()">Test Code</button>
<button type="button" class="btn btn-primary" ng-click="$ctrl.clearCode()">Reset All</button>

{{$ctrl.codeShow}}

test-code.component.js:

angular.
  module('phonecatApp').
  component('testCode', {
    templateUrl: 'Components/test-code/test-code.template.html',
    controller: [function TestCodeController() {
      var self = this;

  self.code = '';
  self.codeShow = '';

  self.showCode = function showCode()
  {
    self.codeShow = self.code;
  }

  self.clearCode = function clearCode()
  {
    self.codeShow = '';
    self.code = '';
  }

  }]
  });

Просто чтобы уточнить, нажатия кнопок работают, и данные успешно добавляются из кода в codeShow при нажатии кнопки, и он может отображать его, но он отображается в виде открытого текста вместо рендеринга.Спасибо

1 Ответ

0 голосов
/ 14 декабря 2018

Попробуйте

 <div ng-bind-html="$ctrl.codeShow"></div>

также, обратитесь к https://docs.angularjs.org/api/ngSanitize/service/$sanitize для лучшей реализации

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...