使用knockoutjs在MVC中绑定图像路径

Question

我想使用knockoutjs在我的MVC应用程序中显示图像。我使用以下代码。  Javascript（images.js）

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

在视图中，

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

但是我的应用程序中没有显示图像。如何使用knockout将图像路径绑定到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());

现在它的工作正常。  谢谢大家。