Динамический контент с AngularJS и prettyprint - PullRequest
Новая
       11

Динамический контент с AngularJS и prettyprint

0 голосов
/ 17 марта 2019

Есть несколько кодовых блоков ... с динамическим содержимым angularJS, которые должны быть напечатаны. Когда содержимое обновляется, в html view они оба - старые и новые (при следующем обновлении - три и т. Д.)

HTML 

<code><div ng-repeat="(index, issue) in issues track by $index">
    . . .
    <div>
        <pre class="prettyprint linenums">{{issue.code}}
, , ,

это не правильно .. каждая проблема должна иметь только свой собственный код ..

1 Ответ

0 голосов
/ 17 марта 2019

Решил это, обернув содержимое в <div> и используя $sce:

html 

<div ng-repeat="(index, issue) in issues track by $index">
    . . .
    <div ng-bind-html="getCode(issue.code)"></div>
    . . .
</div>

контроллер 

<code>app.controller('appCtrl', ['$scope', '$sce', function (scope, sce) {
    . . .
    scope.getCode = function(code) {
        // console.log(code);
        return sce.trustAsHtml("<pre class='prettyprint linenums'>" + code + "
");};...}

после каждого обновления содержимого должен вызываться симпатичный метод печати 

PR.prettyPrint(); // google-code-prettify
...