TagBuilder添加不带值的属性

Question

这里也有同样的问题。

How to add attribute without value

这一次，我想创建一个具有AngularJS属性的输入，以将其用作指令。

这是我想要的：

<input ng-angular-abc />

这是TagBuilder生成的结果：

<input ng-angular-abc=""/>

我试过了，但都不管用：

tagBuilder.MergeAttribute("ng-angular-abc", "");
tagBuilder.MergeAttribute("ng-angular-abc", null);
tagBuilder.MergeAttribute("ng-angular-abc", "ng-angular-abc");

Answer 1

这并不完全是您所需要的，但是您可以创建一个辅助方法来生成标记-

namespace YourNamespace
{
    public static class CustomHelpers
    {
        public static MvcHtmlString TextboxWithProperty(this HtmlHelper html, string property)
        {
            StringBuilder result = new StringBuilder();
            result.AppendFormat("<input {0} />", property);
            return MvcHtmlString.Create(result.ToString());
        }
    }
}

在你的视图中称之为-

@using YourNamespace
...
...
...
@Html.TextboxWithProperty("ng-angular-abc")

Answer 2

另一种方法是使用Razor辅助对象在App_Code目录中创建一个Helpers.cshtml文件。你的帮手会喜欢这个

@helper InputNg() {
    <input ng-angular-abc />
}

要访问剃刀视图中的帮助器，只需使用文件名，后跟方法，如下所示：

@Helpers.InputNg()

它可以让你更好地控制你的HTML。