这是一个AngularJS应用程序,我有jQuery和所需的.js文件,因为这适用于从大胆的弹出网站/文档复制和粘贴的一些代码。 下面的代码是AngularJS控制器中的大胆弹出代码,是的,它可以在从文档中粘贴的图像上正常工作。
我猜测问题是我的href属性的值是href ='.. / uploads / image.jpg'而不是完整的URL。
我没有发现在href属性中需要一个完整的URL,但我可能忽略了它。下面是来自Magnific网站的图片,位于生成的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>
消息来源代码:
<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>