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