Angular JS-在文本區域中顯示和編輯模型，並在模型更改時更新

Question

我只是來自這篇文章：

Angular JS在textarea中顯示和編輯模型

這對我要實現的目標非常有幫助，但是我需要更進一步，並在模型值更改時使textarea更新。 我正在使用以上文章中@JustMaier的最后一個示例 。 我想我需要添加一個$watch但不知道具體如何/在哪里..感謝您的幫助，謝謝！

Answer 1

是的，你是對的。 當模型發生深層更改時，它的實際作用不明顯的ngModel不會監視深層更改，因此zpdate視圖也不會：

https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

因此，您需要在指令范圍內添加ngModel值，以便對其使用$watch ：

scope:{'ngModel':'='}

然后將將更新視圖值的監視添加到指令鏈接函數中：

scope.$watch ('ngModel', function (newval) { 
  ngModel.$viewValue = toJson(newval);
  ngModel.$render();
}, true);

觀看演示： http : //codepen.io/anon/pen/xbWamy

Answer 2

你可以watch你的model中值directive ，並觸發formatters的變化：

scope.$watch(function() {
    return ngModel.$modelValue;
}, function(modelValue) {
    // trigger the formatters
    ngModel.$modelValue = '';
}, true);

DEMO