Question

我正在尝试将这些库与AngularJS结合使用：

NG-对决
角highlightjs

ng-showdown工作正常，highlightjs适用于静态模型，我想要实现的是在动态变化时做降价语法高亮，以便再次应用动态模型hljs的每次更改。

此plunker显示问题：https://jsfiddle.net/062m5wzb/1/

HTML：

<div ng-app="myApp" ng-controller="Ctrl as vm">
  {{name}}
  <textarea ng-model="vm.notworking"
  style="width: 50%; height: 30vh;">
  </textarea>
  <br> Dynamic
  <p markdown-to-html="vm.notworking" hljs hljs-source="vm.notworking"></p>
  Static
  <p markdown-to-html="vm.working"></p>
</div>

JavaScript的：

hljs.initHighlightingOnLoad();
var app = angular.module('myApp', ['ngSanitize', 'ng-showdown', 'hljs'])
  .controller("Ctrl", function($scope) {
    var vm = this;
    vm.working =
      `
\`\`\`javascript
function hello() { 
  alert('Hello world!'); 
}
\`\`\`
`;
    vm.notworking =
      `
\`\`\`javascript
function hello() { 
  alert('Hello world!'); 
}
\`\`\`
`;
  });

我通过了angular-highlightjs的文档，但似乎没有任何对我有用 https://github.com/pc035860/angular-highlightjs

我想在重新应用highlightjs时我错过了on change事件。

highlightjs与Showdown和AngularJS无法正常工作

0 个答案: