class - AngularJs - 関連するクラスとコレクションからデータを渡す

Question

私の食事のクラス (サーバー側)

公開クラス 食事 {

public Meal()
{
    Fruits = new List<Fruit>();
}

public int Id { get; set; }
public string Name { get; set; }

[ForeignKey("Fk_VendorId")]
public virtual Vendor Vendor { get; set; }
public int Fk_VendorId { get; set; }

//collection
public virtual ICollection<Fruit> Fruits  { get; set; }

}

フォーム HTML:

 <div ng-controller="MealCtrl>
 <select ng-model="meal.Id" ng-options="meal.Id as meal.Name for meal in Meals"></select>
 </div>

 <div ng-controller="FruitCtrl>
 <select ng-model="???" ng-options="fruit.Id as fruit.Name for fruit in fruits"></select>
 </div>

 <div ng-controller="VendorCtrl>
 <select ng-model="???" ng-options="vendor.Id as vendor.Name for vendor in vendors"></select>
 </div>

質問：

選択した関連クラス [Vendor] と関連コレクション [Fruits] を送信時に Meal クラスに渡す方法は?

Answer 1

最後の MealCtrl div を最後に移動し、ベンダーの ng-model として meal.FK_VendorId を追加します。

<div ng-controller="MealCtrl>
 <select ng-model="meal.Id" ng-options="meal.Id as meal.Name for meal in Meals"></select>

<div ng-controller="FruitCtrl>
<select ng-model="???" ng-options="fruit.Id as fruit.Name for fruit in fruits"></select>
</div>

<div ng-controller="VendorCtrl>
<select ng-model="meal.Fk_VendorId" ng-options="vendor.Id as vendor.Name for vendor in vendors"></select>
</div>

</div>