使用 AngularJs Ng-Click 在 Textarea 中的当前光标位置插入文本

我们正在努力实现以下要求。 单击按钮，将生成一些文本并将其添加到文本区域中。 按钮正在使用 Ng-Onclick。

按钮代码如下。

<input type="submit" value="Add to form" class="btn btn-primary" ng-click="addToFormID($index)" />

但是会有很多按钮，就像添加 4 个组件一样，会有 4 个按钮来生成公式。

这是我的 TextArea 代码：

 <textarea id="summarFormula" ng-model=".Summarisation" ng-change="setSummarisationFormulaDynamic()" cols="100" rows="4"></textarea>

这是我的脚本。

    $scope.addToFormID = function(index){
        if( $scope.vm.SummarisationForm==null)
        {
            $scope.vm.SummarisationForm ="["+ $scope.vm.Dependencies[index].NeName+":{"+$scope.vm.Dependencies[index].DbId+","+$scope.vm.Dependencies[index].VersionId+"}]";

        }else
            $scope.vm.Summarisation+="["+ $scope.vm.Dependencies[index].Name+":{"+$scope.vm.Dependencies[index].Id+","+$scope.vm.Dependencies[index].VersionId+"}]";
        $scope.setSummarisationFormDynamic();
    }

我们可以看到在其他部分 $scope.vm.SummarisingForm += 因此它将+上一个公式的下一个公式，所以我想修改这个公式并且需要在我保留光标的位置添加内容。

现在，我单击的是将其添加到内容的末尾，如果输入回车键，将光标保持在下一行的第一行，它也会将其添加到已经有文本的同一行，所以我想找到光标位置并插入到文本中，恰好保持光标或输入回车键位置。

我对 Angular JS 非常陌生，所以请帮助我了解按钮的基本想法，我如何实现和脚本修改，我该怎么做。？

编辑：它是 ASP.NET MVC 5 应用程序。

如果您需要更多详细信息，请告诉我。

预先感谢大家。

这是解决我的问题的英雄。他解决了我的问题真是太棒了。

确切地说，我创建了此链接中提到的指令元素，并在我的视图中调用了该指令。

繁荣它成功了。

http://plnkr.co/edit/Xx1SHwQI2t6ji31COneO?p=preview

app.directive('myText', ['$rootScope', function($rootScope) {
    return {
        link: function(scope, element, attrs) {
            $rootScope.$on('add', function(e, val) {
                var domElement = element[0];

                if (document.selection) {
                    domElement.focus();
                    var sel = document.selection.createRange();
                    sel.text = val;
                    domElement.focus();
                } else if (domElement.selectionStart || domElement.selectionStart === 0) {
                    var startPos = domElement.selectionStart;
                    var endPos = domElement.selectionEnd;
                    var scrollTop = domElement.scrollTop;
                    domElement.value = domElement.value.substring(0, startPos) + val + domElement.value.substring(endPos, domElement.value.length);
                    domElement.focus();
                    domElement.selectionStart = startPos + val.length;
                    domElement.selectionEnd = startPos + val.length;
                    domElement.scrollTop = scrollTop;
                } else {
                    domElement.value += val;
                    domElement.focus();
                }
            });
        }
    }
}]);

像这样查看呼叫，

指令名称是 myText。所以代码就像这个视图中的那样。

 <textarea my-text="">