Javascript 数据绑定到文本区域和ng显示问题
我似乎在将数据绑定到文本区域时遇到了问题。这看起来很奇怪,因为相同的方法可以很好地用于其他输入类型,但不想用于文本区域。我找不到任何文档说明文本区域的角度有什么特别不同 我正在这样做-Javascript 数据绑定到文本区域和ng显示问题,javascript,angularjs,Javascript,Angularjs,我似乎在将数据绑定到文本区域时遇到了问题。这看起来很奇怪,因为相同的方法可以很好地用于其他输入类型,但不想用于文本区域。我找不到任何文档说明文本区域的角度有什么特别不同 我正在这样做- <textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea> <p ng-show="!editorEnabled">{{assessments.prereqs
<textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea>
<p ng-show="!editorEnabled">{{assessments.prereqs}}</p>
{{assessments.prereqs}
我遇到的问题是,当我将editorEnabled切换为off时,文本区域会隐藏,而
中不会显示任何内容
如果我这样做,文本会显示,但当我用editorEnabled触发ng show关闭时,文本会消失。-
<textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea>
{{assessments.prereqs}}
{{assessments.prereqs}}
这似乎很奇怪,因为这种方法可以很好地处理其他各种输入,但不能处理textarea。对此有什么见解吗
谢谢 这是一个工作程序:
textarea
没有什么特别之处,只不过它们可以是多行,并且它们包括\n
,需要用
替换才能在HTML中正确显示。我提供的示例没有整合这一点,但您可以在另一个SO问题中找到实现这一点的指令:
回到你的问题:
控制员:
.controller('myCtrl', function ($scope) {
$scope.editorEnabled = true;
$scope.assessments = {
prereqs: 'It works !'
};
});
以及HTML:
<div ng-controller="myCtrl">
<div ng-click="editorEnabled = !editorEnabled">Toggle</div>
<textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea>
<p ng-show="!editorEnabled">{{assessments.prereqs}}</p>
</div>
切换
{{assessments.prereqs}
您能用一个简单的JSFiddle/Plunker重现这一点吗?