justforuse的博客

使用官网的quickstart是不兼容IE9的，我们需要另外配置使其兼容IE9。参考 https://angular.cn/docs/ts/latest/guide/browser-support.htmlindex.html中，除了引入shim.min.js还要引入<!-- Polyfill(s) for older browsers --> <script src="node_modul

之前介绍过如何在Angular项目中使用Pug模板，但是方法不是很“优雅”，暴露了不必要的loader模块，且Pug模板编写方法与HTML不尽相同，部分属性需要引号包起来。Angular实际是使用webpack进行打包的，那就可以直接修改webpack.config.js文件，添加pug文件的loader。直接写步骤吧。1 npm install pug-ng-html-loader --save-

如果想要隐藏某个DOM元素，在AngularJS中可以使用ng-show, ng-hide, 或者ng-if。Angular中其实使用了HTML原生的hidden属性进行元素显示隐藏，hidden属性其实是为元素添加了display: none样式。但问题在于如果这个元素被赋予了其他样式比如display: block之类的，那么他就会覆盖掉hidden样式，导致元素无法隐藏。AngularJ...

GitHub有一个很实用的功能就是GitHub Pages，他相当于为Github项目建立了一个可视化的web页面。angular-cli-ghpages的功能就与这个类似。首先新建一个Github空项目，比如angular-deploy然后使用angular-cli工具生成一个新项目安装angular-cli-ghpages包 npm install angular-cli-ghpages

https://toddmotto.com/angular-constructor-ngoninit-lifecycle-hookconstructor主要用于依赖注入ngOninit主要用做初始化执行顺序：先constructor后ngOninit

angular-cli自身支持Scss预处理器，Scss比css更加方便灵活，而且层次清晰，代码整洁。关于Scss:http://www.ruanyifeng.com/blog/2012/06/sass.html如果想设置项目默认使用Scss可以使用如下命令新建项目：ng new My_New_Project --style=scss这样整个项目的默认样式文件就是scss文件格式的了。 参考：h

相较于angularjs中的ng-translate, angular2也有适合自己的国际化模块，就是ngx-translate。 项目地址：https://github.com/ngx-translate/core使用angular-cli初始化项目： ng new my-project 使用npm安装ngx-translate模块 npm install --save @ngx-tran

对于angular2中的Input和Output可以和angularjs中指令作类比。Input相当于指令的值绑定，无论是单向的(@)还是双向的(=)。都是将父作用域的值“输入”到子作用域中，然后子作用域进行相关处理。Output相当于指令的方法绑定，子作用域触发事件执行响应函数，而响应函数方法体则位于父作用域中，相当于将事件“输出到”父作用域中，在父作用域中处理。看个angular2示例吧，我们定

百度百科：Material Design，中文名：材料设计语言，是由Google推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。1.首先需要全局安装angular-cli: npm install -g @angular/cli2.然后初始化一个angular2项目: ng new my-project3.安装angul

前段时间Bootstrap发布4.0正式版。官网地址：https://getbootstrap.com/如何将Angular5与Bootstrap4结合使用呢？使用Angular-cli初始化项目。 ng new my-project --style=scss 安装Bootstrap及需要的依赖 npm i bootstrap jquery popper.js --save-dev;