Angular 指令在 Html 帮助程序

本文关键字：帮助程序 Html 指令 Angular | 更新日期: 2023-09-27 18:36:06

如何在 MVC C# ASP.NET Html Helper中包含Angular directives。我不知道如何包含它。我所做的如下：

 @Html.EditorFor(model => model.Questions.Question , new{ng_model="quest"})
                    {{quest}}

但是当我寻找没有ng-model directive的源代码时？

Angular 指令在 Html 帮助程序

Html.EditorFor 的第二个参数用于扩展的 ViewData。它由模板使用。默认模板不使用其他条目。但它支持 htmlAttributes 

@Html.EditorFor(model => model.Questions.Question , new { htmlAttributes = new { ng_model="quest" }})

或在没有任何模板的情况下渲染它

@Html.TextBoxFor(model => model.Questions.Question, new { ng_model = "quest" })

要在 Html 帮助程序中包含 Angular 指令，您应该将空参数作为第二个参数传递，然后在对象中传递角度指令。 

@Html.DropDownList("ViewBag-Name", null, new { ng_model = "Model-Name"})

其中 ViewBag-Name 包含从控制器传递到视图的 SelectList 对象。

我们可以很容易地做到这一点。

  @Html.EditorFor（model => model.Email， new { htmlAttributes = new { @ng_change = "call（）" ，@class="form-control" }}）

@Html.TextBox（"Text1"， null， new { ng_model = "model1" }）

相关文章：