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重现这一点吗?