c# - 在 Razor 中显示 HTML 5 电话号码链接

Question

我有以下问题:

我希望在我的 HTML5 网页上有一个可点击的电话号码。 通常我会简单地使用

<a href="tel: +123456789"> 123456789 </a>

但在我的例子中，我从数据库中获取号码并访问该号码。

现在代码行看起来像这样:

<a href=""> @Html.DisplayFor(modelItem => item.AD_Tel)</a>

如果不是固定号码，我如何让 href 调用该号码？

如果有什么不清楚的地方，请发表评论，我会补充缺失的信息。

Answer 1

你应该可以这样做:

<a href="tel:+@item.AD_Tel">@Html.DisplayFor(modelItem => item.AD_Tel)</a>

更新:

创建 HtmlHelper 扩展方法将允许像这样使用您的 View :

 @Html.TelephoneLink("00000000000")

或

  @Html.TelephoneLink(item.AD_Tel)

扩展代码:

    public static MvcHtmlString TelephoneLink(this HtmlHelper htmlHelper, string telephoneNumber)
    {
        var tb = new TagBuilder("a");
        tb.Attributes.Add("href", string.Format("tel:+{0}", telephoneNumber));
        tb.SetInnerText(telephoneNumber);
        return new MvcHtmlString(tb.ToString());
    }