Сохранить, отправить и получить данные в Angularjs

Question

Я пытаюсь сделать новостной объект и в том разделе, в котором есть отдельный подраздел, поэтому он будет выглядеть так. Пользователь может добавлять и удалять подразделы.

, и когда я нажимаю кнопку сохранения, он должен отправить данные в виде следующей структуры json, разделяющей каждый подраздел на ||.

{"news": {
    "section1": ["ABCDE||FGHI||JKLM"],
    "section2": ["NOPQ"],
    "section3": ["RSTU"]
  }
}

и при использовании сохранить данные они должны быть сохранены, а когда пользователь снова откроет эту страницу, она должна быть последней сохраненной. Это то, что я пробовал до сих пор. Я попытался создать div и затем обернуть тестовую область в нг-повтор, но похоже, что это должна быть таблица.

// For adding the subsection
$scope.section1 = [];
    $scope.addsection1=function(){
    $scope.section1.push({});
}

// For removing the subsection
$scope.removesection1 = function(id){
    var indexToRemove;
    for(i = 0; i < $scope.section1.length; i++){
        if($scope.section1[i].id === id){
            indexToRemove = i;
        }
        $scope.section1.splice(indexToRemove, 1);
    }
}

<div class="section-div flex-column">
    <div class="flex-row">
        <h4 style="flex-grow: 2;">New Updates</h4> 
        <button class="add-btn" ng-click="addsection1()">+Add field</button>
    </div>
    <textarea ng-repeat="section in section1"
              style="margin: 7px;border: 1px solid #00000047;border-radius: 4px;"
              name="" id="">
    </textarea>     
</div>

Пожалуйста, помогите мне, я новичок в angularjs. Заранее спасибо.

Answer 1

отправляет данные в виде следующей структуры json, разделяющей каждый подраздел на ||

Один из подходов заключается в использовании array.join:

var arr = ["ABCDE", "FGHI", "JKLM"];

var obj = { news: { section1: [arr.join("||")] } };

console.log(obj);

И наоборот, для получения используйте string.split:

var obj = { news: { section1: ["ABCDE||FGHI||JKLM"] } };

var arr = obj.news.section1[0].split("||");

console.log(arr);