在ng-repeat

Question

我从控制器操作获取JSON结果，然后传递给$scope对象。

<tr ng-repeat="item in ItemList| filter:itemName ">
  <td style="text-align:center">
    <div class="opener" >
        <img style="text-align:center;display: block;margin: 0 auto" 
             ng-src="@Url.Content("{{item.ImagePath}}")"
             width="50" height="50" class="img-responsive img-thumbnail" />
    </div>
  </td>

使用jquery模式弹出窗口在单击图像缩略图时显示图像。

模态弹出窗口

<div id="dialog" title="Item Image">
   <img ng-src="@Url.Content("{{item.ImagePath}}")" 
        width="60" height="60" class="img-responsive img-circle" 
        alt="Tile Image" /> //This is not working
   <img src="@Url.Content("~/Item Images/2/1556.jpeg")"
        width="700" height="700" class="img-responsive "
        alt="Tile Image" /> //This is working


 $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                show: {
                    effect: "Fade",
                    duration: 1000
                },
                hide: {
                    effect: "Fade",
                    duration: 1000
                }
            });

 $(document).on("click", ".opener", function () {
       $("#dialog").dialog("open");

当图像路径是静态时弹出窗口工作，但是当我想要打开点击的图像时，弹出窗口不起作用。

图像路径为〜/ Item Images / CreatorID / ItemID。jpeg。 CreatorID和ItemID都出现在ItemList

中

你能告诉我我错过了什么。