angularjs - 如何使用 ui-codemirror 和 AngularJS 刷新 CodeMirror？

Question

https://github.com/angular-ui/ui-codemirror

我需要用 Angular 制作一个语法高亮器并将结果保存在数据库中。

我正在使用 ui-codemirror，但我无法在每次更改它所说的文档中的“pre”时刷新文本区域

<textarea ui-codemirror ng-model="x" ui-refresh='isSomething'></textarea>

但我无法让它工作。

有人知道如何做到这一点吗？

Answer 1

我遇到了同样的问题，一时想不出解决办法。

一旦范围变量/函数返回 true，CodeMirror 实例将被更新。这可以通过对显示的值进行计算的函数来确定，但在我的代码片段中，我根据广播事件的结果更新了数据。我将要检查的范围变量设置为 true，然后稍等片刻，我将其改回 false。

$scope.$on(ART_EVENTS.updateOverview, function (event, data) {
    $log.info("received overviewData in articleController.");

    // do stuff with the data
    // ...

    $scope.refreshCodemirror = true;
    $timeout(function () {
      $scope.refreshCodemirror = false;
    }, 100);
});

然后在 View 中:

<textarea ui-codemirror ng-model="x" ui-refresh='refreshCodemirror'></textarea>

我确实意识到可能有更好的解决方案，但这可以满足我的需要。