使用棱鏡熒光筆的語法高亮顯示不適用於動態數據庫

Question

我遇到了使用$ http服務高亮顯示從數據庫中提取的動態數據的問題。當數據在代碼元素高亮之間硬編碼時工作正常，但是當我嘗試使用角度數據綁定{{singlePractise.code}}顯示動態數據時，它根本不起作用。當您使用AngularJS第三方插件

<code class="language-javascript" prism>{{singlePractise.code}}</code> 

Answer 1

幾乎在人的情況：例以下所示的：

myApp.directive('prism', [function() { 
return { 
    restrict: 'A', 
    link: function ($scope, element, attrs) { 
     element.ready(function() { 
      Prism.highlightElement(element[0]); 
     }); 
    } 
    }; 
    }] 
); 

HTML。當您想要應用插件時，內容尚未編譯。

最快的解決辦法是使用$超時：

myApp.directive('prism', function($timeout) { 
    return { 
    restrict: 'A', 
    link: function (scope, element, attrs) { 
     $timeout(function(){ 
      Prism.highlightElement(element[0]); 
     }, 0);  
    } 
    }; 
}