显示用户输入到不同的Div on按钮单击

问题描述 投票:0回答:1

目前按钮点击,我可以在文本框内显示用户输入,但每次都显示在同一个Div内。

文本框和按钮(HTML文件) -

<input type="text" name="inputText"><br>

<tr>
        <input type="button" value="ADD" ng-click="$ctrl.addtext()">
</tr>

<div id="outputDiv"></div>

JS功能 -

ctrl.addtext = function () {
    var div = document.getElementById('outputDiv');
    div.innerHTML += newtext+"\n";
}

如何每次在不同的Div和换行中获得用户输入?

编辑:一个类似的问题已被要求JQuery,它的JS是 -

$('#submit').click(function() {
    var text = $('#input').val();
    $('#newDivs').append('<div>' + text + '</div>');
});

我如何在Angular中添加?

html angularjs angularjs-ng-click
1个回答
0
投票

在JS函数中使用它可以工作 -

div.innerHTML += "<div>"+newtext+"</div>\n";

代替-

div.innerHTML += newtext+"\n";

参考(为Jquery解决) -

Create/Display a new Div each time text is submitted by a user

© www.soinside.com 2019 - 2024. All rights reserved.