3

ピンタレストのピン留めボタンを作成しようとしています。以下はコードです：

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.domain.name%2Fproduct%2F@Model.ProductDetails.URLName&media=http%3A%2F%2Fwww.domain.name%2Fproduct%2F@Model.ProductDetails.Image&description=@Model.ProductDetails.ProductDescription" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
       <script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

ご覧のとおり、3つの変数があります。

url : http%3A%2F%2Fwww.domain.name%2Fproduct%2F@Model.ProductDetails.URLName

media: http%3A%2F%2Fwww.domain.name%2Fproduct%2F@Model.ProductDetails.Image

description: @Model.ProductDetails.ProductDescription

3つの変数すべてで、一部のデータは@Modelを使用してViewModelから取得されます

しかし、@Model.ProductDetails.ProductDescription機能しているだけです。他の2つは、より大きな文字列の一部であるためか、機能していません。

4

1 に答える 1

2

かみそりのパーサーは、最初の2つの値が電子メールアドレスなどであると見なし、プレーンテキストのままにします。評価する必要があることをパーサーに通知するには、明示的な式を使用する必要があり@(Model.Property)ます。たとえば、変数は次のようになります。

url : http%3A%2F%2Fwww.domain.name%2Fproduct%2F@(Model.ProductDetails.URLName)
media: http%3A%2F%2Fwww.domain.name%2Fproduct%2F@(Model.ProductDetails.Image)
description: @(Model.ProductDetails.ProductDescription)

そして、スニペットは次のようになります。

<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.domain.name%2Fproduct%2F@(Model.ProductDetails.URLName)&media=http%3A%2F%2Fwww.domain.name%2Fproduct%2F@(Model.ProductDetails.Image)&description=@(Model.ProductDetails.ProductDescription)" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

私は通常、PhilHaackのRazorクイックリファレンスガイドをブックマークしておきます。

于 2012-06-27T15:58:23.613 に答える