Question

我使用CodeMirror和角度。 CodeMirror 元素是通过调用

动态创建的

myCodeMirror = CodeMirror.fromTextArea( document.getElementById("paper"), opts );

此行在textarea＃paper。

之后创建一个.CodeMirror div

问题是如何将ng-style指令应用于调用 fromTextArea 函数后创建的 div.CodeMirror ？

之所以我必须夸张地设计这个dom元素，而不是任何其他元素。

Answer 1

如果您想使用jquery插件手动执行此操作，则需要$compile生成的HTML：

  var html = '<div ng-bind="exp"></div>';

  // Step 1: parse HTML into DOM element
  var template = angular.element(html);

  // Step 2: compile the template
  var linkFn = $compile(template);

  // Step 3: link the compiled template with the scope.
  var element = linkFn(scope);

  // Step 4: Append to DOM (optional)
  parent.appendChild(element);

此处提供了一些信息+示例来源：https://docs.angularjs.org/guide/compiler

但你绝对应该使用像http://angular-ui.github.io/ui-codemirror/

这样的专用angularJS解决方案

当使用jquery插件（修改DOM）时，你应该真正搜索它的angularJS等价物，否则你会遇到一些严重的问题（比如你有）

希望这有帮助

使用jquery创建元素后应用ng-style

1 个答案: