Связывание пути изображения в MVC с использованием knockoutjs

Question

Я хочу отобразить изображение в моем приложении MVC с помощью knockoutjs. Я использую следующий код. Javascript (images.js)

function viewModel() { 
     this.ImgPath = ko.observable("~/Content/Images/abcd.JPG"); 
}; 
ko.applyBindings(new viewModel()); 

в View,

<img data-bind="attr: { src: ImgPath }" /> 

Также я добавил следующее, на мой взгляд.

<script src="~/Scripts/jquery-2.1.3.js"></script> 
<script src="~/Scripts/knockout-3.3.0.js"></script> 
<script src="~/Scripts/images.js"></script> 

Но изображение не отображается в моем приложении. Как связать путь изображения для просмотра в mvc с помощью нокаута?

Answer 1

Изменить траектории изображения, начиная с "~/Content/Images/abcd.JPG" до "/Content/Images/abcd.JPG".

~ не будет понимать HTML и не будет загружать изображение. ~ будет понят только механизмом ASP.Net.

Answer 2

Я сделал небольшое изменение в своем коде.

function viewModel() { 
this.ImgPath = ko.observable("/Content/Images/abcd.JPG"); 
}; 
ko.applyBindings(new viewModel()); 

И теперь его рабочий штраф. Спасибо всем.