javascript - AngularJS值{{expression}}适用于<input />但不适用于<textarea>？

＆lt; p＆gt;尝试学习AngularJS并阅读＆lt;'textarea＆gt;上的AngularJS文档没什么好开导我的。＆LT; / p为H. ＆lt; p＆gt;有人可以解释为什么表达式不适用于＆lt;'textarea＆gt;，并说明如何制作＆lt;'textarea＆gt;正确地计算和显示表达式，如＆lt;'input＆gt;？＆lt; / p＆gt; ＆LT p为H.;＆LT; EM＆GT;奖金：其中/ EM＆GT;当我更改＆lt;'input value = {{fullName（）}}＆gt;中的文字时，它会在更改“firstName”和“lastName”的其他输入中的文本后拒绝刷新。如何使“fullName”始终恢复为正确的“firstName + last Name”，即使它被更改了？＆lt; / p＆gt; ＆lt; p＆gt;＆lt; div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”＆gt; ＆lt; div class =“snippet-code”＆gt; ＆lt; pre class =“snippet-code-js lang-js prettyprint-override”＆gt;＆lt; code＆gt; var app = angular.module（'ngapp'，[]）; app.controller（“ngctrl”，function（$ scope）{ $ scope.person = {firstName：“Bob”，lastName：“Smith”}; $ scope.fullName = function（）{ return $ scope.person.firstName +“”+ $ scope.person.lastName; } }）;＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; pre class =“snippet-code-css lang-css prettyprint-override”＆gt;＆lt; code＆gt; html，body { 保证金：4; font-family：monospace; 颜色：#fff; 背景颜色：＃000;} 输入{ 保证金：4 0 16; 宽度：200; font-family：inherit;} textarea { 保证金：4 0 16; 宽度：200; 身高：100; font-family：inherit;}＆lt; / code＆gt;＆lt; / pre＆gt; ＆lt; pre class =“snippet-code-html lang-html prettyprint-override”＆gt;＆lt; code＆gt;＆lt; script src =“https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/ jquery.min.js“＆GT;＆LT; /脚本＆GT; ＆lt; script src =“https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”＆gt;＆lt; / script＆gt; ＆lt; div ng-app =“ngapp”ng-controller =“ngctrl”＆gt; 名字：＆lt; br＆gt;＆lt;输入标题='名字'ng-model ='person.firstName'＆gt;＆lt; br＆gt; 姓氏：＆lt; br＆gt;＆lt;输入标题='姓氏'ng-model ='person.lastName'＆gt;＆lt; br＆gt; 全名：＆lt; br＆gt;＆lt;输入标题='全名（适用于输入）'value = {{fullName（）}}＆gt;＆lt; / textarea＆gt;＆lt; br＆gt; 全名：＆lt; br＆gt;＆lt; textarea title ='全名（对textarea不起作用）'value = {{fullName（）}}＆gt;＆lt; / textarea＆gt; ＆LT; / DIV＆GT;＆LT; /代码＆GT;＆LT; /预＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / p为H.

AngularJS值{{expression}}适用于<input />但不适用于<textarea>？

1 个答案: