Razor + AngularJS pour un dropdown en cascade
Je soumets à votre sagacité une question pré-déjeuner :)
J'essaie de mélanger du MVVM en MVC côté serveur et AngularJS côté client pour faire des dropdown en cascade.
La question est, est-ce que je peux mélanger les tags AngularJS et les helpers Razor ?
Ma première idée est d'utiliser le helper Razor avec un SelectList qui retourne juste une valeur bidon (genre "choisir"), et ensuite ajouter les attributs data-ng-model, etc. via la propriété HtmlAttributes du helper @Html.DropDownListFor. Est-ce possible, ou avez-vous une meilleure idée ?
Pour l'instant :
Dans ma vue :
Code:
1 2
|
@Html.DropDownListFor(model => model.ContactId, Model.EmptyContactList, new { @MettreIciLesAttributs = "" }) |
et dans mon modèle ASP.NET MVC :
Code:
1 2 3 4 5 6 7 8 9
|
public IEnumerable<SelectListItem> EmptyContactList {
get {
List<SelectListItem> items = new List<SelectListItem>();
items.Add(new SelectListItem { Text = "choisir", Value = null, Selected = true });
return items;
}
} |
Bref, est-ce une bonne solution ?