我需要預先填充<textarea>用JSON項目

我發現，我可以通過以下沒有問題做到這一點，直到我得到的地方，我還需要爲可編輯和傳送回保存如果更新。我需要預先填充<textarea>用JSON項目

這裏是工程中加入當前項目的JSON數據的指令：（SO上找到） - AngularJS: textarea bind to JSON object shows "object-object"

app.directive('jsonText', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function(scope, element, attr, ngModel) { 
      function into(input) { 
       return JSON.parse(input); 
      } 
      function out(data) { 
       return JSON.stringify(data); 
      } 
      ngModel.$parsers.push(into); 
      ngModel.$formatters.push(out); 

     } 
    }; 
});

這裏是HTML，這適用於預填充，但我需要ngModel也需要插入，以便我可以保存數據以進行編輯。

<textarea json-text ng-model="review" id="review" class="form-control" rows="3" ng-bind="encounterNote"></textarea>

所以最終我需要一種方法來預填一個（可能是從一個JSON API的幾行文字），允許進行編輯，然後保存功能我已經提到「當前「值來保存和更新。

來源

2015-09-17 Matthew Brian Sheets

爲什麼你需要解析和序列化呢？如果API返回JSON，則應該能夠將返回的JSON作爲字符串處理，並將該字符串作爲模型。然後，您可以將該模型作爲字符串重新發送回API。看起來你的問題源於你的模型是一個合適的JS對象，當你需要的只是一個JSON字符串。 – devinallenaz

如果它只是文本，這沒有任何意義，它似乎你需要修改傳遞給'ng-model'什麼數據看起來像什麼？ – charlietfl

@devinallenaz是正確的，只是用ngModel在textarea的工作就像一個魅力。

現在我覺得啞巴。

來源

2015-09-17 17:56:24

我需要預先填充<textarea>用JSON項目

回答

相關問題