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

时间:2018-03-06 21:06:47

标签: html angularjs angularjs-ng-click

目前点击按钮,我可以在文本框内显示用户输入,但每次都显示在同一个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中附加?

1 个答案:

答案 0 :(得分: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