數據綁定到文本區域和ng顯示問題

我似乎有一個數據綁定到文本區域的問題。這看起來很奇怪，因爲相同的方法對其他輸入類型工作正常，但不想爲文本區域工作。我找不到任何文檔說明與文本區域有特定的角度差異。數據綁定到文本區域和ng顯示問題

我做這個 -

<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。對此有何洞見？

謝謝！

來源

2014-08-29 ajmajmajma

你能用一個簡單的JSFiddle/Plunker重現這個嗎？ – aymericbeaumet 2014-08-29 16:59:59

這裏是一個工作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>

來源

2014-08-29 17:25:17 apairet

數據綁定到文本區域和ng顯示問題

回答

相關問題