数据绑定到文本区域和ng显示问题

Question

我似乎有一个数据绑定到文本区域的问题。这看起来很奇怪，因为相同的方法对其他输入类型工作正常，但不想为文本区域工作。我找不到任何文档说明与文本区域有特定的角度差异。

我做这个 -

<textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea> 
    <p ng-show="!editorEnabled">{{assessments.prereqs}}</p> 

我遇到的问题是，当我切换到editorEnabled关闭，文本区皮革和没有显示在<p>。

如果我这样做，文本显示，但将消失，当我通过editorEnabled关闭ng显示关闭。 -

<textarea rows="4" ng-model="assessments.prereqs" ng-show="editorEnabled"></textarea> 
    {{assessments.prereqs}} 

这似乎很奇怪，因为这种方法可以很好地与其他各种输入，但不是textarea。对此有何洞见？

谢谢！

Answer 1

这里是一个工作plunkr：http://plnkr.co/edit/le38sGWTmQbFWB6ndRcM

没有什么特别之处，除了textarea他们可以多线和theredore包括\n需要由<br>被替换是在HTML正确显示。我提供的例子不整合，但你可以找到一个指令在另一个SO问题，实现这一目标：AngularJS: Writing to and Reading from textarea with multilines

回到你的问题：

控制器：

.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>