2015-02-07 52 views
1

我對角度很陌生,一直在做一些基本的東西。MVC Razor內的Angularjs

我試圖將一些視圖中使用的角度和我被困

能有人幫助,我怎麼會做以下采用了棱角分明

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

回答

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

採用了棱角分明的標記像{{哈希} }在href屬性中會導致 鏈接轉到錯誤的URL,如果用戶點擊它,Angular會有 機會用其值替換{{hash}}標記。直到角 取代標記鏈接將被打破,最有可能 返回404錯誤。 ngHref指令解決了這個問題。

+0

謝謝,我如何在角度做到這一點:@ {Html.RenderAction(「getCityByName1」,「Home」,new {id = item.CityID});} – kayze 2015-02-07 10:36:51