Angular运行于nw.js时ng-src无法显示的问题解决
来源:互联网 发布:淘宝云客服报名条件 编辑:程序博客网 时间:2024/06/03 19:33
一款app使用前端框架angularjs开发,需要支持web端和pc客户端,使用nw.js封装网页在电脑上运行。
出现了一个问题是在web端图片都能正常显示,但是在nw环境下无法显示。
嵌入图片的方式如下:
<li ng-class="{'active':vm.role == 'admin'}" ng-click="vm.navClick('admin');"> <img ng-src="images/{{vm.adminIcon}}.png"> <p>管理员</p></li>
打开nw的调试窗口发现如下报错:
Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME
经过查阅资料得知是angularjs的白名单问题,随后在app.js中设置白名单,问题解决:
app.config(function ($compileProvider) { $compileProvider.imgSrcSanitizationWhitelist('.jpg|.png');});
本文转载自:http://www.ovrtop.com/index.php/2017/02/25/angular-nw-js-ng-src-error/
0 0
- Angular运行于nw.js时ng-src无法显示的问题解决
- angular——ng-bind,ng-cloak,ng-src,ng-href解决AngularJS 代码未加载完而出现显示 AngularJS 代码,进而会有闪烁的效果
- Angular JS ng-app使用的注意事项
- angular js ng-change的用法
- angular-js的ng-bind与ng-model区别
- angular的添加隐藏于显示
- angular.js里的ng-show,ng-hide与ng-if的区别
- 关于angular的include指令,include的页面无法加载js问题解决
- Angular.js中ng-if、ng-show和ng-hide的区别介绍
- angular应用,当img元素的地址来自模型,应该使用ng-src
- Angular Js ng-repeat指令
- angular的ng-options
- NW.js的简单使用
- angular js里 当使用ng-repeat 时出现 $$hashKey的键值对
- 当Swiper轮播图效果遇上angular.js的ng-repeat
- JS对象比较函数,引发angular的ng-option异常
- src 与 ng-src 的区别
- ng-src 和 ng-href的妙用
- KMP的朴素算法与改进
- 3.分布式事务-二阶段提交
- Android DataBinding 初探
- 队列实现异步--通过redis
- 为什么要清除浮动
- Angular运行于nw.js时ng-src无法显示的问题解决
- 图解sendRedirect,include,forward的区别
- Matlab中的括号()[]{}
- 面对对象编程总结(一)
- SpringMVC实例之HelloWorld
- 并发学习3-启动多个线程
- 初始化与赋值之间的区别
- 堆排序
- em unit in font-size