2016-11-07 15 views
0

Anuglarに問題があります。 ng-bindユーザ入力によってその値が変更されると、テキストエリアが更新されません。ユーザー入力後の角度 - カンタン更新テキストエリア

注:ng-modelではなくng-bindを使用している理由は、ngSanitizeを使用して入力がhtml sanatizedになっているため、ng-bind-htmlが必要です。

デモ: http://jsfiddle.net/Lvc0u55v/11682/

ここ

話してイム何を確認する方法である:ドロップダウンとテキストエリアから選択anyvalueが更新されます。しかし、New Valueを選択し、テキストエリアにテキストを入力します。選択ボックスを任意の値に変更すると、テキストエリアは決して再び変更されません!

コード:

[SCRIPT]

$scope.msg_templates = []; //array of {id, title, msg} filled with required stuff 
$scope.msg_templates[0] = {id:'0', title:'{New Value}', msg:''}; //first item is to enter new value 
$scope.msg_templates[1] = {id:'1', title:'TTT', msg:'TTT'}; 
$scope.msg_templates[2] = {id:'2', title:'XXX', msg:'XXX'}; 
. 
. 

//set default value 
$scope.msg_sel = ''; 
$scope.msg_field = ''; 

//change msg function 
$scope.change_msg_sel = function() 
{ 
    if($scope.msg_sel==null){ 
    $scope.msg_field = ''; 
    return false; 
    } 

    $scope.msg_field = $scope.msg_sel.msg; 
}; 

[HTML]

<select ng-model="msg_sel" ng-change="change_msg_sel()" ng-options="v.title for v in msg_templates"> 
<option value="">Please Select -</option> 
</select> 

<textarea ng-bind-html="msg_field"></textarea> 
+0

は意図的msg_templates'でVのための 'v.titleであるか、それは' comm_templates'を使用していると仮定しているのですか?そして、実際に 'msg_templates'という'