
angular4
j_bleach
<script>window.alert("xss")</script>
展开
-
angular4 Flex Layout开发实践
angular flex @angular/flex-layout angular辅助flex布局的插件。 插件地址:https://github.com/angular/flex-layout 演示样本 div class="container" fxLayout="row" fxLayout.xs="column" fxLayoutAlign=原创 2017-08-25 20:42:51 · 8331 阅读 · 0 评论 -
angular4实战(3) 插件引入及封装
@typesangular4 默认开发语言是typescript,虽然typescript作为js语言的超集,但是项目默认还是不支持直接使用js脚本的。再引入使用js脚本之前,需要事先引入对应的类型声明文件(xx.d.ts),类似于c中的.h头文件。本项目中的提醒插件使用了noty,它本身作为一款JS插件,其内部也是支持了typescript的引入的。 当插件本身已经存在了声明文件时,就可以在原创 2017-09-27 22:34:58 · 2635 阅读 · 3 评论 -
angular4实战(2) router
router单页面应用通过路由来去渲染不同的视图,为用户在同一个页面看到不同的场景,提供基础服务。在上一章节,通过新建项目之后,ngModule会自动引入路由模块,接下来需要做的事情就是对路由模块进行配置。为了方便维护,单独把路由模块的配置拿出来,再去输出到ngModule中。import {NgModule} from '@angular/core'; import {Routes, Router原创 2017-09-24 16:51:28 · 518 阅读 · 0 评论 -
angular4实战(1) angular-cli
angular-cli脚手架大大方便了,项目的开发,使用也非常简单。 https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。 本文就angular-cli这块的指令属性,在做一些扩展介绍。npm install -g @angular/cli ng new PROJECT-NAME cd PROJECT-NAME ng serve通过这四条命令,可以快速创建原创 2017-09-24 16:02:16 · 755 阅读 · 0 评论 -
angular4实战(4)ngrx
ngrxngrx是angular的状态管理库,与react-redux相同,都是由redux的基础上延伸出来。本次演示的示例为通过ngrx的状态管理来控制HTTP请求服务的全局loading动画显示。如下: ngrx地址:https://github.com/ngrxngrx主要有四个模块,分别是 ngrx/store, ngrx/effects, ngrx/router-store, ngrx原创 2017-10-05 16:31:49 · 2949 阅读 · 3 评论