剃刀：创建pinterest字符串

Question

我试图创建一个pinterest pin它的按钮。 下面是代码：

<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> 

正如你看到有三个变量：

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 

在所有这三个变量的一些数据从视图模型使用@Model

但只有@Model.ProductDetails.ProductDescription未来工作 另外两个不工作也许是因为它们是更大字符串的一部分。

Answer 1

剃刀分析器认为前两个值是电子邮件地址或类似的，因此将它们保留为纯文本。为了告知他们应该进行评估，你需要使用一个显式表示，解析器，如@(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> 

我一般请保留Phil Haack's Razor Quick Reference指导书签！