2017-05-11 13 views
0

私は、角度アプリケーションでエースエディタを実装するためにui-aceディレクティブを使用しています。 私は、エースエディタにデータを動的に追加するために使用するボタンがあります。 ユーザーがボタンをクリックすると、setValueメソッドを使用してエースエディタの値を更新しますが、値はngModelに反映されません。そうする最善の方法は何ですか? http://plnkr.co/edit/GCnDPQnC7xoC6xqdOeqdsetValueを使用してui-aceエディタの値を更新するときにngModelを更新するにはどうすればよいですか?

問題はウル更新/追加されます。ここでは

は、私がここにhttp://plnkr.co/edit/ez0cwr6PWhALpqu3wjZT?p=preview

答えて

0

更新plnkrを同じためplunkrを作成しました

$scope.addUserInput = function (input) { 
    var currentValue = $scope.aceEditor.getValue(); 

    if(SqlTokenizer.isIdentifier(input.name)){ 
     $scope.aceEditor.setValue(currentValue + ":" + input.name, false); 
    } else{ 
     $scope.aceEditor.setValue(currentValue + ':"'+ input.name +'"', false); 
    } 
}; 

...私は値を設定する方法を説明しますあなたのエディタのテキストはそれをする必要はありません。

すべてのバインド場所に反映されるスコープ変数を更新するだけで済みます。代わりに、この

//$scope.editor.setValue($scope.editor.getValue() + new Date().getTime()); 

この

$scope.text = $scope.text + new Date().getTime(); 
います
関連する問題