{代码...}

1、 下载安装插件如果使用的是angular2, 不是angular4 那么安装 ngx-clipboard@7.x.x版本，如果是ng4安装最新版本。

{代码...}

如果angular2书写不规范，那么界面中调用对象属性是会报错的，因为没有初始化变量属性，所以比较复杂的数据类型最好在单独文件重定义，然后引入初始化。1、定义

1、安装 yo, grunt-cli, bower, generator-angular 和 generator-karma {代码...} 2、如果要使用sass，那么要配置一下项目安装 Ruby 和 Compass: 使用 Homebrew 下载 Ruby 安装 compass {代码...} 3、创建目录，并且到该目录下 {代码...} 4、快速创建项目 {代码...} 5、启动项目 {代码...} 官网：[链接]git: [链接]

{代码...} 转载：[链接]

DataTable - Templating中自定义模板的时候报错：Template parse errors: 'ng-template' is not a known element:

localStorage仅支持字符串。使用JSON.stringify()和JSON.parse(). {代码...}

1、 引入依赖文件 {代码...} 2、配置module {代码...} 3、自定义过滤 {代码...} 4、模板中使用 ng-bind-html {代码...}

验证是在组件重定义的变量，然后通过界面中的 #username="ngModel"这个样式来验证的，和[(ngModel)]="username"无关

效果图 1、安装 {代码...} 2、配置app.module.ts {代码...} 3、模板界面 {代码...} 4、组件界面 {代码...} {代码...}

1、安装模块 {代码...} 2、配置angular-cli.json，样式文件 {代码...} 3、配置app.module.ts {代码...} 4、模板文件 {代码...} 5、组件 {代码...}

前言：众所周知，primeNG是ng2的一个ui组件库，很强大，个人感觉比ng2-bootstrap还强大，下面就告诉大家怎么安装使用，官网：[链接]

判断添加<div [ngStyle]="{'background-color':username === 'zxc' ? 'green' : 'red' }"></<div>

1、子组件内容 {代码...} 2、父组件 {代码...}

描述，组件复用，在父组件中，使用标签，引入子组件，一般情况，不会再标签之中，书写代码，或者书写“加载中..."，当子组件代码渲染完毕以后就会替换掉这些代码，但是，如果想把父组件中的代码片段通过这样的形式传递给子组件，然后根据子组件的布局显示到界面上，就要使用到投影了，具体步骤如下：

1、 app.module.ts {代码...} 2、app.component.ts {代码...} 3、app.component.html {代码...} 4、home.component.ts {代码...} 5、about.module.ts {代码...} 6、about.component.ts {代码...} 7、list.component.ts {代码...}

1、使用angular-cli创建项目，安装froala editor 模块 {代码...} 2、配置app.module.ts文件 {代码...} 3、配置 angular-cli.json {代码...} {代码...} {代码...} 4、html界面配置 {代码...} 没问题这样就配置完成了，但是我们要做一些优化1、配置图标，和其他项目2、鼠标经过图标显示中文3、添加组件，获取编辑器的值4、...

实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信 1、 angular2 不需要配置，按照常规办法发送请求就可以了 2、express端配置 {代码...} 3、优点： 支持 get/post方法 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完...

代码如下：个人感觉没有问题，同样的代码在另一个项目中运行正常 HttpService是自己封装的服务。 {代码...} 解决方法： 将参数设置成 {代码...} 这样就可以获取数据了 [链接]

问题描述：当应用开发完成以后，使用angular-cli的ng-build打包文件，生成dist文件夹，然后上传服务器，当跳转到相应路由界面，单机刷新的时候，就会出现404好像路由没有起作用，找不到这个目录。

效果图 1、安装 {代码...} 2、在主模块中注册 app.module.ts {代码...} 3、创建组件使用地图 baidu.component.ts {代码...} 4、模板文件，注意，这里需要在百度地图api注册key {代码...}

按键事件过滤 {代码...}

导读：使用ng2-bootstrap模块，来实现分页效果。实现原理：封装分页组件，在需要的地方直接调用这个组件 1、所以就用到了@Input()父组件提供总页数 2、单击分页的时候，子组件将当前页传递给父组件(@Output)，在传递给后台express,通过limit(page-1)*2, 10来查询数据，然后更新数据。

再讲之前先讲一下父组件获取子组件的数据@Output() A: 子组件需要做的工作 {代码...} B: 父组件要做的工作 {代码...} 下面开始讲解三级联动组件，省市县数据使用node(express)提供，使用jsonp跨域获取数据，后端代码就不多说了，简单的增删改查 1、子组件 three-link.component.ts {代码...} 2、子模板 three-link.compo...

其实express就是为了提供数据，根据条件查找信息 没有添加美化样式，自己可以优化css样式。 1、html界面 {代码...} 2、和新ng2代码 {代码...} 3、封装的获取数据的服务http.server.ts {代码...} 4、express的核心代码 province.js {代码...} city.js {代码...} country.js {代码...}

1、自定义指令 {代码...} 2、app.module.ts主模块中引入指令 {代码...} 3、模板中使用指令 {代码...}

1、定义管道(number.pipe.ts) {代码...} 2、在app.module.ts主模块中引入管道 {代码...} 3、组件模板中使用 {代码...}

1、安装生成器 {代码...} 2、创建一个项目（myapp） {代码...} 3、定位到该文件夹安装依赖包 {代码...} 4、启动项目 {代码...}

1、安装 {代码...} 2、模块中配置（app.module.ts) {代码...} 3、页面中配置使用 {代码...} 4、配置中文，因为默认上一页下一页等都是英文，所以需要配置 {代码...}