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