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

我有以下问题：

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

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

但就我而言，我从数据库获取号码并访问该号码。

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

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

那么我如何获得href如果不是固定号码，要拨打该号码吗？

如果有不清楚的地方，请发表评论，我会添加缺失的信息。

你应该能够这样做：

<a href="tel:[email protected] /cdn-cgi/l/email-protection_Tel">@Html.DisplayFor(modelItem => item.AD_Tel)</a>

Update:

创建 HtmlHelper 扩展方法将允许在您的视图中使用它，如下所示：

 @Html.TelephoneLink("00000000000")

or

  @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());
    }