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、配置中文，因为默认上一页下一页等都是英文，所以需要配置 {代码...}

首先其实这就是封装的一个指令，google了好多，被误导了，主要注意一下几点 安装ng2-echarts的同时安装echarts 然后在angular-cli.json中scripts标签中配置， 既然是指令，那么就在app.module.ts 的declarations中引入即可 具体参照下面步骤 1、安装 {代码...} 2、在app.module.ts中配置 {代码...} 3、组件中配置图标信...

1、安装 {代码...} 2、主模块中引入 {代码...} 3、组件中使用 {代码...} 4、 界面中使用html标记语言注意事项 {代码...} remark是含有标记语言的文本，所以使用下面的格式插入的html界面中 5、注意，富文本编辑器作为一个专门的组件，在需要用到的地方，直接标签引用，所以他的值需要@Output()到父组件，还有在编辑信息...

1、定义服务 {代码...} 2、app.module.ts文件中引入服务 {代码...} 3、组件中使用服务获取数据 {代码...} 注意 {代码...}

1、 安装 ng2-charts {代码...} 2、 还必须引入 chart.js {代码...} 3、 主模块中引入 {代码...} 4、 如果使用angular-cli那么如下配置 angular-cli.json {代码...} 有时候需要ng serve 重新启动服务，要不然会报错，坑了好久。 5、 然后就可以使用了参考api文档，添加html界面和配置js文件 {代码...}

1、下载安装ts-md5 {代码...} 2、 需要的组件中加载md5模块 {代码...} 3、 加密 {代码...} 这样就会打印出加密过的结果 （e10adc3949ba59abbe56e057f20f883e） 传递时候的写法： {代码...} 设置参数只能是字符串类型，所以要将密码加密，然后转换成字符串类型 参考地址：[链接]

1、首先全局安装angular-cli，并创建项目 {代码...} 2、安装ng2-bootstrap和bootstrap {代码...} 3、在主模块中导入，需要的模块（src/app/app.module.ts） {代码...} 只要在模块总导入，不需要在组建中添加，很方便。 4、在angular-cli.json中配置样式文件 {代码...} 5、 在模板中调用 src/app/app.component.html {代...