MVC Razor内的Angularjs

Question

我对角度很陌生，一直在做一些基本的东西。

我试图将一些视图中使用的角度和我被困

能有人帮助，我怎么会做以下采用了棱角分明

<a href="@Url.Action("Details","Home",new { propertyID=item.RentalID,PropertyType="Rentals" })"><img data-original="img/property/pic (2).jpg" alt="@item.Description" src="@Url.Action("GetImage", "Home", new { id = item.RentalID })" class="img-hover"></a> 

我想repleace的“项目”与数据中继{{i.Item}}例如

我已经试过这一点，但它不会工作

<a href="@Url.Action("Details","Home",new { propertyID={{i.RentalID}},PropertyType="Rentals" })"><img data-original="img/property/pic (2).jpg" alt="{{i.Description}}" src="@Url.Action("GetImage", "Home", new { id = {{i.RentalID }}})" class="img-hover"></a> 

Answer 1

你不能，因为@Url.Action在服务器上呈现，而角度的东西是在客户端上完成的。

您可以但是试试这个：

<a ng-href="@Url.Action("Details","Home",new { PropertyType="Rentals" })&propertyID={{i.RentalID}}"><img data-original="img/property/pic (2).jpg" alt="{{i.Description}}" ng-src="@Url.Action("GetImage", "Home")?id={{i.RentalID}}" class="img-hover"></a> 

请注意，我因为我们现在在URL中使用动态属性使用ng-href和ng-src：

采用了棱角分明的标记像{{哈希} }在href属性中会导致 链接转到错误的URL，如果用户点击它，Angular会有 机会用其值替换{{hash}}标记。直到角 取代标记链接将被打破，最有可能 返回404错误。 ngHref指令解决了这个问题。