如何使用 Angular 在 CodeMirror-ui 中执行命令？

Question

在 codemirror-ui 中，我想执行此处描述的命令之一： https://codemirror.net/doc/manual.html#commands

我有以下代码：

<ui-codemirror ui-codemirror-opts="editorOptions" ng-model="model"/>
<input type="button" ng-click="selectAll()" value="Select All"/>

控制器：

$scope.selectAll = new function() {
    // how to cm.execCommand('selectAll')?
}

Answer 1

要使用 angularjs 在 codemirror 中执行命令或执行任何方法，您必须选择 codemirror 的实例，如下所示。

var codeMirrorInstance = angular.element('#idCodemirror').CodeMirror;

在那之后你可以访问所有的方法

codeMirrorInstance.refresh();

codeMirrorInstance.setSelection( {line: codeMirrorInstance.firstLine(), ch: 0},  {line: codeMirrorInstance.lastLine()+1, ch: 0});