AngularJs在表单提交中绑定集合

我有两张桌子：（1）饭菜（2）蔬菜。基本上，在表单提交中，用户选择2种蔬菜添加到新创建的膳食中

I.在服务器端创建模型：

 public class Meal{

    public Meal(
       Vegatables = new List<Vegatable>();
    }

    public int Id {get; set;}
    public string Name {get; set;}
    public virtual ICollection<Vegatable> Vegatables {get; set;}
}

 public class Vegatable{

    public Vegatable(
       Meals = new List<Meal>();
    }

    public int Id {get; set;}
    public string Name {get; set;}
    public virtual ICollection<Meal> Meals {get; set;}
}

   <div ng-controller="MealCtrl>
   <input  type="text" ng-model="meal"></select>

   <label>Choose Vegatable 1</label>
   <div ng-controller="VegatableCtrl>
   <select id="vegatable1" ng-model="vegatable" ng-options="vegatable.Name for vegatable in vegatables"></select>
   </div>      

   <label>Choose Vegatable 2</label>
   <div ng-controller="VegatableCtrl>
   <select id="vegatable2" ng-model="vegatable" ng-options="vegatable.Name for vegatable in vegatables"></select>
   </div> 

  </div>

公共课餐{
公共餐(
Vegatables=新列表（）；
}
公共int Id{get；set；}
公共字符串名称{get；set；}
公共虚拟ICollection目录{get；set；}
}
公共类蔬菜{
公共蔬菜(
膳食=新列表（）；
}
公共int Id{get；set；}
公共字符串名称{get；set；}
公共虚拟ICollection{get；set；}
}

II表格：

 public class Meal{

    public Meal(
       Vegatables = new List<Vegatable>();
    }

    public int Id {get; set;}
    public string Name {get; set;}
    public virtual ICollection<Vegatable> Vegatables {get; set;}
}

 public class Vegatable{

    public Vegatable(
       Meals = new List<Meal>();
    }

    public int Id {get; set;}
    public string Name {get; set;}
    public virtual ICollection<Meal> Meals {get; set;}
}

   <div ng-controller="MealCtrl>
   <input  type="text" ng-model="meal"></select>

   <label>Choose Vegatable 1</label>
   <div ng-controller="VegatableCtrl>
   <select id="vegatable1" ng-model="vegatable" ng-options="vegatable.Name for vegatable in vegatables"></select>
   </div>      

   <label>Choose Vegatable 2</label>
   <div ng-controller="VegatableCtrl>
   <select id="vegatable2" ng-model="vegatable" ng-options="vegatable.Name for vegatable in vegatables"></select>
   </div> 

  </div>

选择蔬菜2
似乎您的构建对象提交不正确。显示MVC方法应该接受的对象的构建

下面是HTML：




选择蔬菜1


选择蔬菜2


提交

和示例角度控制器：

app.controller（'MealCtrl'，函数（$scope）{
$scope.fends=[
{Id:1，名称：'1'}，
{Id:2，名称：'MEINE 2'}，
{Id:3，名称：'3餐'}
];
$scope.vegets=[
{Id:100，名字：'西兰花'}，
{Id:101，名字：'西葫芦'}，
{Id:102，名称：'青豆'}，
{Id:103，名称：'Brussel Sprouts'}
];
$scope.submitMeal=函数（）{
//做菜
var-fine=angular.copy（$scope.selectedMeal）；
膳食.蔬菜=[
角度复制（$scope.selectedvegie1），
角度复制（$scope.selectedvegie2）
];
控制台日志（膳食）；
//TODO:通过ajax提交。
}
});
似乎您的构建对象提交不正确。显示MVC方法应该接受的对象的构建

下面是HTML：




选择蔬菜1


选择蔬菜2


提交

和示例角度控制器：

app.controller（'MealCtrl'，函数（$scope）{
$scope.fends=[
{Id:1，名称：'1'}，
{Id:2，名称：'MEINE 2'}，
{Id:3，名称：'3餐'}
];
$scope.vegets=[
{Id:100，名字：'西兰花'}，
{Id:101，名字：'西葫芦'}，
{Id:102，名称：'青豆'}，
{Id:103，名称：'Brussel Sprouts'}
];
$scope.submitMeal=函数（）{
//做菜
var-fine=angular.copy（$scope.selectedMeal）；
膳食.蔬菜=[
角度复制（$scope.selectedvegie1），
角度复制（$scope.selectedvegie2）
];
控制台日志（膳食）；
//TODO:通过ajax提交。
}
});