10
2017
08

angular移除模板文件中的链接前缀“unsafe”

Use the DomSanitizer:import {DomSanitizer} from '@angular/platform-browser'; ... constructor(private sanitizer:DomSanitizer){} ... let sanitizedUrl = this.sanitizer.bypassSecurityTrustUrl('Notes://MY
10
2017
08

安卓内置浏览器以及UC浏览器打开angular4 项目空白问题的解决

问题描述:将ng build --prod --aot 打包构建生成的代码部署在web服务器,在电脑端通过浏览器(谷歌,火狐)访问项目,数据以及页面可正常加载。手机端,在安卓设备上测试QQ浏览器,在苹果手机上测试safari也可正常访问,数据加载也正常。在安卓手机上使用UC浏览器以及安卓手机自带的浏览器访问项目,会出现页面空白的问题。原因:Angular2,Angular4是面向未来的科技,要求浏览器支持ES6+,而UC浏览器以及大部分安卓手机自带的浏览器暂不支持ES6+,因此需要加一些填充库来
08
2017
08

ng build --prod打包项目出错

错误描述:ng build 打包正常,顺利生成dist;但在使用ng build --prod生成时提示错误:ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\phpStudy\WWW\html\zx
08
2017
08

yii2视图层引入angular生成的项目

1,将dist文件夹放置在api/assets/下,在yii中引入ng build生成的资源静态资源文件。api/assets/AppAsset.php<?php namespace api\assets; use yii\web\AssetBundle; /**  * Main api application asset bundle. */ class AppAsset ex
05
2017
08

angular与yii2配合完成数据的更新操作

angular4.3.3在angualr中执行patch/put请求,更新数据时,需要传递待更新的数据,数据格式可采用json格式,发送请求时需配置请求头信息里的参数,将Content-Type设置为application/json,如例,更新文章名称(name)的部分代码:export class ArticleService {     private headers = new 
04
2017
08

angualr4 如何获取response-header中包含的值

使用yii2官方提供的Restful功能进行接口开发,在获取列表信息时,返回的分页以及链接信息会保存在响应头信息 response-header 中,如下所示:Connection →Keep-Alive Content-Length →5491 Content-Type →application/json; charset=UTF-8 Date →Fri, 04 Aug 2017 09:55:10&
22
2017
07

解决angular4本地开发中跨域访问的问题

在本地进行angular项目开发时,如果需要跨域请求api来获取数据,可以通过设置代理的方法来进行跨域访问。如前端项目访问地址为:localhost:4200,api接口地址为localhost:86,配置方法如下:1,在根目录下新建代理配置文件 proxy.config.json{     "/proxyName":{         "ta
21
2017
07

Angular4中常用管道

通常我们需要使用管道实现对数据的格式化,Angular4中的管道和之前有了一些变化,下面说一些常用的管道。一、大小写转换管道uppercase将字符串转换为大写 lowercase将字符串转换为小写<p>将字符串转换为大写{{str | uppercase}}</p> str:string = 'hello'页面上会显示 将字符串转换为大写HELLO二、日期管道date。日期管道符可以接受参数,
19
2017
07

Ionic 2: ReferenceError: webpackJsonp is not defined

2.0.0 Breaking ChangesIn order to speed up the bundling process, we have separated node_modules code into a new, generated file called vendor.js. This means that on every change, ionic-angular, @angular, etc won't need to be processed by web
16
2017
07

(ok)angular2 UI组件-PrimeNG启动成功无样式

问题描述参照PrimeNG官网提供的PrimeNG CLI QuickStart用例,在成功启动后,添加修改等功能可正常使用,但页面元素无样式。附:《angular2 UI组件之primeNG用法》错误原因使用cnpm安装依赖模块导致依赖的模块安装不完整。cnpm install解决方案1采用npm安装(使用代理,代理环境搭建可参照《Shadowsocks 使用说明》)。npm install配置好系统代理环境并开启后,接着配置npm使用代理,记录如下:#端口请依据个人环境设
10
2017
07

angular2 为什么要加@Input?

在这个例子中hightlightColor是HighlightDirective的一个输入型属性。我们见过它没有用别名时的代码:@Input() highlightColor: string;也见过用别名时的代码:@Input('myHighlight') highlightColor: string;无论哪种方式,@Input装饰器都告诉Angular,该属性是公共的,并且能被父组件绑定。 如果没有@Input,Angular就会拒绝绑定到该属性。Either way, th