`

angular应用,当img元素的地址来自模型,应该使用ng-src

 
阅读更多

今天调一个页面,碰巧开着console,偶然发现发起了无效的http请求,提示404错误

虽然不影响功能,还是检查了一下,发现是因为有类似下面的代码:

<img src="{{item.imgPath}}" alt=""/>

所以,在angular实际渲染完成之前,浏览器读到img标签,就向{{item.imgPath}}这个地址发起了请求,结果当然是404。实际上应该使用:

<img ng-src="{{item.imgPath}}" alt=""/>

就会有延迟加载的效果了,因为ng-src不是HTML标准attr,浏览器无法识别,也就不会发起无效的http请求
分享到:
评论

相关推荐

    ng-book2-book-angular-6-r70

    ng-book2-book-angular-6-r70ng

    ng-book2-angular-6-r68

    The in-depth, complete, and up-to-date book on Angular 6. Become an Angular 6 expert today.

    ng-book2,媲美官方的angular2实用教程--教程配套代码

    这是ng-book2配套使用的书中源代码,教程配合代码服用效果更好,angular2作为前端利器框架,希望大家都能好好学习。

    Angular-ng-spin-kit.zip

    Angular-ng-spin-kit.zip,旋转套件(http://tobiasahlin.com/spin kit/)角度旋转套件的旋转器,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是...

    angular权威教程(ng-book-2-4-5)

    1.angular权威教程(ng-book-2中文版) 2.ng-book2: The Complete Book on Angular4 3.ng-book2: The Complete Book on Angular5 所有资源均来自网络,请下载24小时内自行删除,有意者请去购买正版书籍: 《angular...

    Angular-ng-admin-demo.zip

    Angular-ng-admin-demo.zip,ng admin angular.js演示的源代码,使用由fakerestarchiverepository提供支持的虚拟rest服务,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖...

    Angular-ng-katex.zip

    Angular-ng-katex.zip,用katex libraryng katex增强的tex语法编写漂亮数学表达式的角度模块,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是...

    Ng-book Angular7 -- 最新版本

    学习Angular开发的绝佳文档,来自知名的Ng-book系列,已经更新到最新版本-包含Angular7的知识

    Angular-ng-click-outside.zip

    Angular-ng-click-outside.zip,用于处理元素外部单击事件的角度指令。ng-click-outside,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面...

    Angular2权威教程(ng-book2) 范例代码 中文版

    Angular2权威教程(ng-book2) 范例代码 中文版Angular2权威教程(ng-book2) 范例代码 中文版Angular2权威教程(ng-book2) 范例代码 中文版

    Angular-ng-inline-svg.zip

    Angular-ng-inline-svg.zip,用于在元素内联插入SVG文件的角度指令。ng-inline-svg,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发...

    Angular-ng-bootstrap.zip

    Angular-ng-bootstrap.zip,角驱动bootstrapng bootstrap-角驱动bootstrap小部件,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发...

    Angular-ng-lottie.zip

    Angular-ng-lottie.zip,基于lottie weblottie动画视图的角度渲染后效动画(react,vue),Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面...

    ng-book2-angular6-r68

    ng-book2-angular-5-r66,电子版,挺好的一本书,大家可以参考。 我最近也在看这个

    Angular-ng-block-ui.zip

    Angular-ng-block-ui.zip,用于角度块ui的块ui,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作流。

    ng-input, ng输入文本输入效果 Angular 指令.zip

    ng-input, ng输入文本输入效果 Angular 指令 输入 文本输入效果指令 ng输入是来自 codrops - 文本输入效果的fork,用于处理 Angular 指令。演示演示工具安装安装使用bower install ng-input使用 np

    Angular-ng-tailwindcss.zip

    Angular-ng-tailwindcss.zip,用于将tailwind css集成到angular cli项目中的cli工具,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决...

    Angular-ng2-flatpickr.zip

    Angular-ng2-flatpickr.zip,FlatPickr的Angular 2 包装(https://github.com/chmln/flatPickr)NG2 FlatPickr,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。...

    [ng-book.2r60随书代码]ng-book.2.Angular.4.r60.2017.4.code-samples.zip

    [ng-book.2r60随书代码]ng-book.2.Angular.4.r60.2017.4.code-samples.zip

Global site tag (gtag.js) - Google Analytics