随笔分类 -  angular2

ng-container
摘要:ng-container 的作用: 通常意义来讲,在<div>11<div> 的外层再套上一层标签,渲染的时候也会多一层 。 但是ng-container 在渲染的时候没有这一层。加了相当于没加。但是它却能把里面的东西括起来,还能加上formGroupName 属性 <ng-container fo 阅读全文
posted @ 2018-09-21 14:28 温温婉婉 阅读(1423) 评论(0) 推荐(0)
拆分模块中遇到的问题
摘要:1. Can't bind to 'ngModel' since it isn't a known property of 'input'. 注:share中的模块不仅要imports 还要exports 给其他模块使用 解决办法: 1.app.module.ts中这个要引用 2. 在share.m 阅读全文
posted @ 2018-09-04 15:42 温温婉婉 阅读(166) 评论(0) 推荐(0)
路由的拆分与汇总
摘要:上次记录了模块的拆分与汇总,既然有模块就有路由 在每个module文件的统计目录下,会有相对应的router文件,用来记录当前模块的页面路由。 如下图: 其中,有句 RouterModule.forChild(routes) 值得注意,它表示这是子路由 。 既然有子路由,就会有根路由。一般来说 根路 阅读全文
posted @ 2018-09-04 15:35 温温婉婉 阅读(627) 评论(0) 推荐(0)
模块的拆分与整合
摘要:1. 分模块module 如下图 ,几乎每个目录下都有一个module文件。这些module文件各自掌管着该模块的页面 那么,要怎么将这些模块汇总运行呢??? 解决:将这些模块在app.module.ts中引入,不要忘了import 也要 阅读全文
posted @ 2018-09-04 15:27 温温婉婉 阅读(413) 评论(0) 推荐(0)
angular 输入型指令directive
摘要:如图:将指令名 当做一个输入型变量 用在set 方法前,在使用的时候,只需 <div [appDrap]="true"></div> 即可 阅读全文
posted @ 2018-08-27 16:06 温温婉婉 阅读(96) 评论(0) 推荐(0)
使用nginx启动angular项目
摘要:参考链接:https://www.cnblogs.com/kingkangstudy/p/8085642.html 1.下载nginx:http://nginx.org/en/download.html 点击下载即可。 2.将ng build 后的dist里的文件全部拷贝到 nginx的html目录 阅读全文
posted @ 2018-08-16 22:46 温温婉婉 阅读(2297) 评论(0) 推荐(0)
angular6 实现每日佳句示例
摘要:如图:每日佳句的html格式 1. 按照面向对象的方式来看,每日佳句组成:1、中文佳句 2、图片 3、英文佳句 所以,我app目录下新建一个domain文件夹(里面存放对象结构),如下图所示: 因为它是一个对象模型,所以命名统一命名为:XXX.model.ts,针对以上对象,建立的对象模型如下: 2 阅读全文
posted @ 2018-08-10 17:38 温温婉婉 阅读(265) 评论(0) 推荐(0)
angular2 内容提要
摘要:一、angular-CLI的安装配置 二、angular中的3大核心概念 Component、Module、Route 三、angular核心架构思想 (组件化、依赖注入、数据绑定) 四、UI库 (angular-material(google发布的模拟物理变化的UI)、prime-NG、ng2-b 阅读全文
posted @ 2018-07-24 17:45 温温婉婉 阅读(160) 评论(0) 推荐(0)
angular2 datePipe IOS不兼容问题
摘要:angular2的pipe管道 {{ time | date:'yyyy-MM-dd' }},使用date 进行日期格式调整的时候,在安卓显示OK,IOS 不显示 解决办法 :使用angular2-moment 1.安装angular2-moment 2.module中配置 3、使用 4、更多配置参 阅读全文
posted @ 2018-07-20 14:53 温温婉婉 阅读(405) 评论(0) 推荐(0)
angular2 发布
摘要:将开发好的angular2项目打包发布步骤: 1.使用ng build --prod --aot进行打包,打包完会在项目的根目录出现一个dist文件夹 里面的内容长这个样子 2. 将dist/ccyd/目录下的index.html中的 <base href="/"> 改为 <base href="/ 阅读全文
posted @ 2018-07-17 15:56 温温婉婉 阅读(103) 评论(0) 推荐(0)
angular2 路由、子路由、多路由 简解
摘要:我的需求是:在首页中有个tab,分别是 homepart 、carpart 、 minepart。各个模块的part 里还会嵌套子路由 步骤: 1.新建app.router.ts 作为app阶层的路由文件,内容如下 上面是定义了一个常量 appRoutes来管理路由,然后用export 导出,然后下 阅读全文
posted @ 2018-06-11 18:09 温温婉婉 阅读(1464) 评论(0) 推荐(1)
angular 6.0 ng serve 一直停在95% emitting LicenseWebpackPlugin的问题
摘要:删除 node_modules文件夹 不要用cnpm install 用npm install 然后再ng serve 就能启动成功了 阅读全文
posted @ 2018-06-11 11:13 温温婉婉 阅读(291) 评论(0) 推荐(0)
angular2----使用swiper做轮播图
摘要:步骤: 1、去官网下载最新的swiper的js和css 分别在index页面中导入 2.在需要做轮播的页面引入 3.然后我就打开swiper的API文档了,直接copy,初始化一个swiper 当然在angular2中不能这么写,于是变成了这样 在html中 在相关的ts中 emmm.... 本来我 阅读全文
posted @ 2017-09-19 11:42 温温婉婉 阅读(2581) 评论(0) 推荐(0)
angular2----router
摘要:参考地址:http://www.cnblogs.com/keatkeat/p/5810987.html 先来谈谈步骤好了 1.ng new ng2 //ng2是项目名 2.cnpm install 3.ng serve 4.这时候项目里有个app文件夹,里面放所有的页面和ts、css文件 5.实现目 阅读全文
posted @ 2017-09-18 17:30 温温婉婉 阅读(192) 评论(0) 推荐(0)
angular2指令
摘要:ng new project-name - 创建一个新项目,置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端(end-to-end)测试 ng serve - 启动一个小型web服务器,用于托管应用 ng deploy - 即开即用, 阅读全文
posted @ 2017-09-18 13:43 温温婉婉 阅读(162) 评论(0) 推荐(0)
安装angular2注意事项
摘要:一、前提条件 安装angular2之前,我已经安装了java版本1.8 、android SDK到4.2-最新 、nodejs最新版本、ionic2.2.1、cordova 最新版本 二、npmFQ 三、好了,此时我安装npm install -g @angular/cli,但是失败了,提示说需要安 阅读全文
posted @ 2017-09-06 23:30 温温婉婉 阅读(192) 评论(0) 推荐(0)
angular2项目新建和项目结构认识
摘要:摘要文章:http://www.jianshu.com/p/cba3fa12f0a3 1.新建项目 1).安装angular cli:npm install -g angular-cli 2).新建 ng new 项目名 3).进入项目:cd 项目名 4). 启动项目: ng serve 2.项目目 阅读全文
posted @ 2017-08-18 11:28 温温婉婉 阅读(620) 评论(0) 推荐(0)