angular
海货
交流技术欢迎留言
展开
-
angular-cli
好的工具能让开发更加简单快捷。Angular CLI是一个命令行界面工具,它可以创建项目、添加文件以及执行一大堆开发任务,比如测试、打包和发布。步骤1. 设置开发环境在开始工作之前,我们必须设置好开发环境。如果你的机器上还没有Node.js®和npm,请先安装它们。请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一原创 2017-12-17 16:56:59 · 214 阅读 · 0 评论 -
angular守卫路由
1:CanActivate:处理导航到某路由的情况2:CanDeactivate:处理从当前路由离开的情况3:Resolve:在路由激活之前获取路由数据原创 2018-04-13 12:53:10 · 241 阅读 · 0 评论 -
angular创建管道
1:ng g pipe pipe/multiple【目录/管道名称】原创 2018-04-18 18:46:10 · 1719 阅读 · 0 评论 -
angular装饰器
1:只有声明了 @Injectable 的服务才可以注入其他服务【建议所有的服务都加上此装饰器】2:要想服务被其他服务注入,首先必须在 模块服务【app.module.ts】里的 providers 声明...原创 2018-04-17 11:35:16 · 347 阅读 · 0 评论 -
angular创建命令
1:ng g service shared/product【文件夹/服务名称】原创 2018-04-17 11:07:58 · 870 阅读 · 0 评论 -
angular常见命令
1:ng g component zujianname原创 2018-04-10 17:53:48 · 163 阅读 · 0 评论 -
angular添加第三方类库
1:安装到本地 cnpm install jquery --save 【--save 将类库添加到package.json文件】2:将需要的类库添加到package.json文件下 styles、scripts 数组下例如:"scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/bootstrap/dis...原创 2018-04-10 17:48:05 · 409 阅读 · 0 评论 -
angular环境搭建
1:安装npm【省略】2:安装angular命令行工具 cnpm install -g @angular/cli 【ng -v 测试安装是否成功】3:创建项目 ng new projectName -skip-install 【-skip-install跳过安装依赖包】4:安装依赖包 cnpm install5:运行项目 ng serve...原创 2018-04-10 17:18:40 · 135 阅读 · 0 评论 -
angular-ng new
参数简介(ng help)帮助开发辅助(--dry-run)修改项目默认值(--perfix)原创 2017-12-17 17:25:24 · 1910 阅读 · 0 评论 -
angular使用服务的步骤
1:创建服务ng g service services/storage2:引入服务app.module.ts 里面引入创建的服务:import { StorageService } from './services/storage.service';NgModule 里面的 providers 里面依赖注入服务@NgModule({declarations: [AppComponent,Heade...原创 2018-05-15 17:56:36 · 822 阅读 · 0 评论