CKEditor使用AngularJS设置焦点

我将CKEditor与AngularJS一起使用。现在我有了一个页面，它加载了CKEditor的实例，但最初编辑器是隐藏的。当我们点击按钮时，编辑器就会显示出来。编辑器的HTML是从指令加载的。因此，当单击按钮后显示编辑器时，我想将焦点放在编辑器的文本区域内。

您可以使用关联的html属性尝试此指令：

.directive('autofocus', ['$timeout', function($timeout) {
  return {
    restrict: 'A',
    link : function($scope, $element) {
      $timeout(function() {
        $element[0].focus();
      });
    }
  }
}])

<div class="col-xs-11">
    <textarea type="text" autofocus ck-editor id="storyContent" ng-model="story.Content" required="" placeholder="Content" class="form-control" ></textarea>
</div>

.directive（'autofocus'，['$timeout'，function（$timeout）{
返回{
限制：“A”，
链接：函数（$scope$element）{
$timeout（函数（）{
$element[0]。焦点（）；
});
}
}
}])

您可以使用关联的html属性尝试此指令：

.directive('autofocus', ['$timeout', function($timeout) {
  return {
    restrict: 'A',
    link : function($scope, $element) {
      $timeout(function() {
        $element[0].focus();
      });
    }
  }
}])

<div class="col-xs-11">
    <textarea type="text" autofocus ck-editor id="storyContent" ng-model="story.Content" required="" placeholder="Content" class="form-control" ></textarea>
</div>

.directive（'autofocus'，['$timeout'，function（$timeout）{
返回{
限制：“A”，
链接：函数（$scope$element）{
$timeout（函数（）{
$element[0]。焦点（）；
});
}
}
}])

你会拉小提琴吗？你会拉小提琴吗？