Angularjs внутри MVC Razor

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> 

Пожалуйста, обратите внимание, что я использовал ng-href и ng-src, так как теперь мы используем динамические свойства в URL:

Используя угловую разметку, как {{хэш} } в атрибуте href сделает ссылку неправильным URL-адресом, если пользователь нажмет на нее, прежде чем у Angular будет шанс заменить {{hash}} разметку своим значением. Пока Угловой заменяет разметку, ссылка будет сломана и, скорее всего, вернет ошибку 404. Директива ngHref решает эту проблему.