将 textarea 中的数据附加到 div

Question

如何通过使用anglurjs按回车键将textarea中的数据附加到div。 在此代码中，我将数据附加到警报框上，但我想像在聊天应用程序中一样将数据附加到特定部分（div）上

HTML

<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <input ng-enter="DoWork()" ng-model="MyText" />
        <div id="chatContent" ng-model="chatData"></div>
    </div>    
</div>

应用程序.js

var $scope;
var app = angular.module('miniapp', []).filter('moment', function() {
    return function(dateString, format) {
        return moment(dateString).format(format);
    };
});

app.directive('ngEnter', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress", function (event) {
            if(event.which === 13) {
                scope.$apply(function (){
                    scope.$eval(attrs.ngEnter);
                });

                event.preventDefault();
            }
        });
    };
});

function Ctrl($scope) {
    $scope.DoWork = function(){
          alert('Hello World! ' + $scope.MyText);
          $scope.chatData = $scope.$scope.MyText;
    };
}

Answer 1

检查此示例。此示例在 jquery 上。您可以寻求帮助并在代码中使用相同的登录名。

 <!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
    function abc(){
        var a=$("#mytext").val();
        $("#mydiv").append(a);

    }
</script>
</head>
<body>
    <textarea id="mytext" rows="" cols=""></textarea>
    <button onclick="abc()">Submit</button>
    <div id="mydiv"></div>
</body>
</html>

将 textarea 中的数据附加到 div

问题描述

1 个解决方案

解决方案1
1 2017-01-12 05:31:35

将 textarea 中的数据附加到 div

问题描述

1 个解决方案

解决方案1 1 2017-01-12 05:31:35

解决方案1
1 2017-01-12 05:31:35