Используйте привязку innerHTML с некоторой логикой в вашем компоненте.
Примерно так может работать:
Дополнительная информация: https://alligator.io/angular/innerhtml-binding-angular/
Вот возможная допускающая повторное использование реализация в c#:
class DisposableHelper : IDisposable
{
private Action end;
// When the object is created, write "begin" function
public DisposableHelper(Action begin, Action end)
{
this.end = end;
begin();
}
// When the object is disposed (end of using block), write "end" function
public void Dispose()
{
end();
}
}
public static class DisposableExtensions
{
public static IDisposable DisposableTr(this HtmlHelper htmlHelper)
{
return new DisposableHelper(
() => htmlHelper.BeginTr(),
() => htmlHelper.EndTr()
);
}
}
В этом случае, BeginTr
и EndTr
непосредственно запишите в ответном потоке. При использовании дополнительных методов, которые возвращают строку, необходимо будет произвести их использование:
htmlHelper.ViewContext.HttpContext.Response.Write(s)
При рассмотрении источника для MVC ASP.NET (доступный на Codeplex), Вы будете видеть, что реализация BeginForm в конечном счете раскритиковывает к следующему коду:
static MvcForm FormHelper(this HtmlHelper htmlHelper, string formAction, FormMethod method, IDictionary<string, object> htmlAttributes)
{
TagBuilder builder = new TagBuilder("form");
builder.MergeAttributes<string, object>(htmlAttributes);
builder.MergeAttribute("action", formAction);
builder.MergeAttribute("method", HtmlHelper.GetFormMethodString(method), true);
htmlHelper.ViewContext.HttpContext.Response.Write(builder.ToString(TagRenderMode.StartTag));
return new MvcForm(htmlHelper.ViewContext.HttpContext.Response);
}
Класс MvcForm реализует IDisposable, в он, располагают метод, записи </форма> к ответу.
Так, что необходимо было бы сделать, записать теги, Вы хотите выйти во вспомогательном методе и возвращаете объект, который реализует IDisposable... в, он, располагают метод, закрывают тег.