сохранить данные формы, используя angular js

Question

Я пытаюсь сохранить форму ниже. пожалуйста, проверьте мою форму html

html

<form ng-submit="save()">
    <input type="text" ng-model="user.name"/>
    <input type="text" ng-model="user.age"/>
    <input type="text" ng-model="user.homenumber"/>
    <input type="text" ng-model="user.road"/>
    <input type="text" ng-model="user.city"/>
    <input type="text" ng-model="user.school"/>
    <button type="submit">Save </button>
</form>

я сохранил это, используя функцию ниже.

$scope.save = function (){
    console.log($scope.user)
}

мой результат как ниже

{ name:"dais",
  age:"24",
  "homenumber":"23",
  "road":"new road",
  "city":"colombo",
  school:"new school"
}

но мне нужно сохранить эту форму как показано ниже json

запрошенный

{name:"dais",
 age:"24",
 "address":{
     "homenumber":"23",
     "road":"new road",
     "city":"colombo"
 },
 school:"new school"
}

Можете ли вы помочь мне изменить мою функцию сохранения, чтобы сделать это.

Answer 1

<input type="text" ng-model="user.homenumber"/>
<input type="text" ng-model="user.road"/>
<input type="text" ng-model="user.city"/>

Должно быть

<input type="text" ng-model="user.address.homenumber"/>
<input type="text" ng-model="user.address.road"/>
<input type="text" ng-model="user.address.city"/>

Answer 2

Для этой цели у вас может быть адресный объект:

$scope.user = {};
$scope.user.address = {};

$scope.save = function () {
    console.log($scope.user);
}

<form ng-submit="save()">
    <input type="text" ng-model="user.name"/>
    <input type="text" ng-model="user.age"/>
    <input type="text" ng-model="user.address.homenumber"/>
    <input type="text" ng-model="user.address.road"/>
    <input type="text" ng-model="user.address.city"/>
    <input type="text" ng-model="user.school"/>
    <button type="submit">Save </button>
</form>

Answer 3

Вы можете создать функцию конструктора

function DataToSave(data){
  this.name = data.name;
  this.age = data.age;
  this.address ={homenumber : data.homenumber, road:data.road, city:data.city };
  this.school = data.school
}

и использовать ее как

 $scope.save = function (){
  let dataToSave = new DataToSave($scope.user);
  console.log(dataToSave);
}