Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs将数据绑定到跨度文本框_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript Angularjs将数据绑定到跨度文本框

Javascript Angularjs将数据绑定到跨度文本框,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有下面的span,我正在使用它作为文本输入 <span ng-model="sampleText" style="width:100px; padding:20px, 100px;" class="TextBox"></span> 我之所以使用span而不是“input”或“textarea”,是因为我有一个框,可以在按enter键时不断添加行。这比显示一大盒文本区域更优雅。 但我面临的问题是如何将输入的文本绑定到ng模型。 也许使用ng init? 请让我知道如

我有下面的span,我正在使用它作为文本输入

<span ng-model="sampleText" style="width:100px; padding:20px, 100px;" class="TextBox"></span>

我之所以使用span而不是“input”或“textarea”,是因为我有一个框,可以在按enter键时不断添加行。这比显示一大盒文本区域更优雅。 但我面临的问题是如何将输入的文本绑定到ng模型。 也许使用ng init? 请让我知道如何将已输入的文本绑定到“sampleText”
谢谢ngModel指令本身没有什么作用。它提供了一个供其他指令使用的控制器,如
input
(是的,
input
是一个指令)。这意味着你必须自己写一本


但是您很幸运,因为有一个与您的示例几乎相同的示例。

您可以编写一个自定义指令与
ngModel
交互,但是更容易编写或使用一个自动扩展标准文本区域的指令,比如您可以使用
input
元素,并且在用户点击“enter”时仍然添加新行关键-为什么要使事情复杂化?然后清除输入的内容。我尝试了输入,但没有效果。在网上搜索运气不太好。你有什么例子可以看吗?