ASP.NET MVC форма проверки с AngularJS
Я с проектом в MVC 4 и AngularJS (+ начальная загрузка Twitter). Я обычно использую в своих проектах MVC "jQuery.Validate", "DataAnnotations" и "Razor". Затем я включаю эти ключи в моем файле web.config для проверки свойств модели на клиенте:
<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
Например, если у меня есть в моей модели это:
[Required]
[Display(Name = "Your name")]
public string Name { get; set; }
С этим Cshtml:
@Html.LabelFor(model => model.Name)
@Html.TextBoxFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
HTML-результат будет:
<label for="Name">Your name</label>
<input data-val="true" data-val-required="The field Your name is required." id="Name" name="Name" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span>
Но теперь, когда я использую AngularJS, я хочу рендерить, может быть, так:
<label for="Name">Your name</label>
<input type="text" ng-model="Name" id="Name" name="Name" required />
<div ng-show="form.Name.$invalid">
<span ng-show="form.Name.$error.required">The field Your name is required</span>
</div>
Я не знаю, есть ли какой-нибудь помощник или «аннотация данных» для решения этой проблемы. Я понимаю, что AngularJS имеет много других функций, таких как:
<div ng-show="form.uEmail.$dirty && form.uEmail.$invalid">Invalid:
<span ng-show="form.uEmail.$error.required">Tell us your email.</span>
<span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
</div>
Ну конкретно. Мне нужен помощник или «аннотация данных» для разрешения атрибутов (аннотации данных) для отображения на клиенте с AngularJS.
Если это все еще не существует, возможно, пришло время сделать, как RazorForAngularJS
редактировать
Я думаю, возможно, лучший способ работы с ASP.NET MVC и AngularJS - это сделать это (front-end
) вручную (написание всего HTML вручную)