2016-04-15 5 views
0

SO私は現在、かみそりのコードを次ていますhtmlのactionlinkにiタグを含めるにはどうすればよいですか?

@Html.ActionLink("Home", "Index", null, new { @class = "btn btn-default" }) 

は、どのように私は、次のHTMLに似た何かを得ることができますか?

<button class="btn btn-default" type="submit">Continue shopping <i class="fa fa-shopping-cart"></i></button> 
+0

可能な重複:http://stackoverflow.com/questions/4936681/using-html-tags-inside-linktext-of-html-actionlink – Quantastical

答えて

1

いいえ「<」のスペースを削除してください。 HTMLヘルパーは、ほとんどが非常に単純なHTMLを生成するために使用されます。複雑な場合は、HTMLコードを自分で記述する必要があります。 あなたの場合、ヘルパーに頼るのではなく、HTMLコードを書く必要があります。

ところで

Html.ActionLink( "ホーム"、 "インデックス"、ヌル、新しい{@class = "BTN BTN-デフォルト"})

@この意志出力HTML以下

<a href="/Home/Index" class="btn btn-default"></a> 

&あなたは間違いなく可能です出力にbuttonを期待しています。あなたは次のような出力

<a href="/Home/Index" class="btn btn-default"> 
    Continue shopping <i class="fa fa-shopping-cart"></i> 
</a> 

を期待している場合は

<button class="btn btn-default" type="submit"> 
    Continue shopping <i class="fa fa-shopping-cart"></i> 
</button> 

あなたは明示的にHTMLコードを記述する必要があります。 Url.Action("Index", "Home")ヘルパーを使用して、アクションメソッドのパスを生成することができます。

<a href="@Url.Action("Index", "Home")" class="btn btn-default"> 
    Continue shopping <i class="fa fa-shopping-cart"></i> 
</a> 
+0

私はあなたに大きな感謝を借りて!どうもありがとう –

0

あなたはActionLinkのの場所でUrl.Actionを使用することができます

<のhref =」<% = Url.Action( "インデックス"、 "ホーム")%> "> < Iクラス=" FA FA-ショッピングカート "> </i>が</A>

それとも

<のhref =" Url.Action( "インデックス"、 "ホーム")@ "> < Iクラス=" fa fa-shopping-cart」> </i> </A>

...すべての休憩後にカミソリHTMLヘルパーの現在の実装では不可能だ

関連する問題