angular项目概览
一个angular pc端项目
一闪一闪亮晶晶,漫天都是小星星
这个作者很懒,什么都没留下…
展开
-
angular4——指令(directive)
其实,组件和指令非常像,可以说组件是一种特殊的指令。也可以理解为:组件是一种带模板的指令,指令是超集,还组件是子集。指令分为两种,一种是结构型指令,一种是属性型指令。结构型指令: 结构型指令会改变布局。 例如: ngIf 、 ngFor 这种会改变元素的布局。 属性型指令: 改变的是它的外观和行为。例如: color 、align 等...原创 2019-02-27 15:10:57 · 326 阅读 · 0 评论 -
angular4 —— 模块和组件的类文件都是用index.ts的命名约定
把一个文件模块下的起始页改为index.ts , 引入方式:变为直接这样就可以了,不需要层层递进。 因为在js中任何一个文件夹下的index , 它都会默认成为这个文件夹下的默认索引,他会默认先找这个index ...原创 2019-02-27 15:11:33 · 1276 阅读 · 0 评论 -
angular4 ——share模块
shareModule 作为共享模块呢,要把一些大家需要的东西导入进来,再导入出去。这样,以后如果需要shareModule里面的一些模块的话,只需要导入ShareModule就好了,而不用一个一个的导入到需要的页面。shareModule还可以放一些共享的组件。...原创 2019-02-27 15:12:01 · 724 阅读 · 0 评论 -
angular4——core模块只在项目中只加载一次
coreModule是核心模块,适合那些只在项目中加载一次的组件和服务。 既然core.module 是一个类, 那么它就有构造函数,就可以在构造函数当中进行依赖型注入。如果core.module已经存在呢,那么就抛出异常但是目前这种写法是很危险的。因为这是一个无尽循环。在这个构造器中注入core.module的时候,它会去找CoreModule 这个依赖,找这个依赖...原创 2019-02-27 15:11:52 · 548 阅读 · 0 评论 -
angular-cli 新建项目指定不依赖npm 安装类库,提高新建项目的速度
····以前新建angular项目是使用 ng new projectname 这种新建方式会让 angular-cli 给我们进行依赖的安装。会用npm进行依赖安装,这个过程会比较缓慢。····而在新建项目时,加上 --skip-install 就会避免依赖安装。缩写为: -si例如:ng new projectname --skip-install2. 加上--style=scss...原创 2019-02-27 15:12:28 · 518 阅读 · 0 评论 -
angular4项目——day01
项目整体目录思路概览:其中这个模块纯粹是一个文件组织,而不是带有业务逻辑在里面业务模块: 共享模块提供给各个业务模块的共享的类库支持,用来给import 和 export ,这样避免了在很多页面中导入太多重复的类库文件。...原创 2019-02-27 15:12:11 · 106 阅读 · 0 评论 -
Error: Can't find Python executable "python", you can set the PYTHON env variable.解决办法
以前的ionic2 项目 ,在我升级为ionic3的时候 ,打开初始化npm install 时 报错 重新装了python 2.7.15,路径选择C盘, 然后它就不报错第一个了。而是变成了百度到一个办法就是把所有的依赖变为* ,居然成功了~~~...原创 2019-01-04 15:58:18 · 4381 阅读 · 2 评论 -
angular2 Property 'map' does not exist on type 'Observable'.
参考文章:https://blog.csdn.net/zgrbsbf/article/details/53690431import 'rxjs/add/operator/map';转载 2019-01-04 15:51:27 · 370 阅读 · 0 评论 -
angular type=submit
参考文档:https://www.angular.cn/guide/forms#submit-the-form-with-emngsubmitem使用 ngSubmit 提交该表单在填表完成之后,用户还应该能提交这个表单。 “Submit(提交)”按钮位于表单的底部,它自己不做任何事,但因为有特殊的 type 值 (type="submit"),所以会触发表单提交。现在这样仅仅触发“表...原创 2018-09-21 18:04:51 · 445 阅读 · 0 评论 -
通过 ngModel 跟踪修改状态与有效性验证
原文章:https://www.angular.cn/guide/forms通过 ngModel 跟踪修改状态与有效性验证在表单中使用 ngModel 可以获得比仅使用双向数据绑定更多的控制权。它还会告诉你很多信息:用户碰过此控件吗?它的值变化了吗?数据变得无效了吗?NgModel 指令不仅仅跟踪状态。它还使用特定的 Angular CSS 类来更新控件,以反映当前状态。 可以利用这些...原创 2018-09-21 17:59:48 · 936 阅读 · 0 评论