Javascript 不显示部分路径url的放大弹出窗口

这是一个AngularJS应用程序，我有jQuery和所需的.js文件，因为这与从放大弹出式网站/文档复制和粘贴的一些代码一起工作。 下面的代码是AngularJS控制器中的放大弹出代码，是的，它可以在从文档粘贴的图像上正常工作

我猜问题在于我的href属性的值是href='../uploads/image.jpg'，而不是完整的URL

我没有在href属性中发现任何需要完整URL的内容，但我可能忽略了它。下面是放大网站的图像，在生成的HTML（使用Chrome开发工具检查）的正下方是带有ng src属性和带有路径的href的图像

      //Magnific-popup
$('.single-popup').magnificPopup({
    type: 'image',
    removalDelay: 300,
    mainClass: 'mfp-with-fade',
    closeOnContentClick: true
});





    <a class="single-popup"
  href="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg">
                        <img src="http://farm4.staticflickr.com/3721/9207329484_ba28755ec4_o.jpg" width="107" height="75">
                    </a>


   <a class="single-popup" href="../uploads/id70.jpg" title="bradmartin's Profile Pic">
   <img ng-show="u.ImagePath != null" ng-="" src="../uploads/id70.jpg" width="50" height="50">
                            </a>

//放大弹出窗口
$（'.single popup'）.magnificPopup({
键入：“图像”，
拆除延迟：300，
mainClass:“带褪色的mfp”，
closeOnContentClick：true
});

源代码：

                        <tr ng-repeat="u in Users" ng-style="{'color': (u.Status == false ? 'red' : '')}">
                            <td>
                                <img ng-show="u.ImagePath == null || u.ImagePath == 'null'" src="../images/avatar.jpg" width="50" height="50" />
                                <a class="single-popup" href="{{u.ImagePath}}" title="{{u.Username}}'s Profile Pic">
                                    <img ng-show="u.ImagePath != null" ng- src="{{u.ImagePath}}" width="50" height="50" />
                                </a>

为了确定问题，我把代码弄得乱七八糟。它不是数据绑定或路径。代码驻留在AngularJS ng repeat中似乎是一个更大的问题。我没有时间进一步研究这个问题，但它确实在ng repeat中。我尝试了不同的元素（可以肯定的是），但它在

或
范围内不起作用。我还删除了ng show指令，结果仍然是一样的。ng repeat中的图像不工作，外部的图像工作正常，即使它们的href和src值是databined{{}。