如何在angularjs的textarea中获取段落数据?

时间:2019-10-21 06:28:27

标签: javascript angularjs angularjs-directive

如何获取textarea值中的段落内容文本

<p ng-model="extrap" >Some parragraph content</p>
<textarea ng-model="oneps"></textarea>
<script>
(function() {
    angular
        .module("TextAngularDemo", ['textAngular'])
        .controller("DemoController", ['$scope', 'textAngularManager', DemoController]);

    function DemoController($scope, textAngularManager) {
        $scope.oneps = {{extrap}}
    };
})();
</script>

我想要文本区域框中的段落文本带有预填充的段落文本

1 个答案:

答案 0 :(得分:1)

我认为您需要加载具有相同内容的段落和文本区域,但是当textarea值更改时,您不需要更新段落。在这种情况下,您可以在angular js中采用一种方法进行数据绑定。

这可以通过在诸如::之类的插值符号内添加{{::yourModalValue}}来实现。

请参见下面的示例以查看实现。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myParagraphContent = "Some initial content.";
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">

<b>Change the text area fild and see the change in me</b>
<p>{{myParagraphContent}}</p>

<b>Change the text area fild and see I won't be changes</b>
<p>{{::myParagraphContent}}</p>

<textarea ng-model="myParagraphContent"></textarea>

</div>