2019年01月_Angular baby

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 Angular @HostBinding()和@HostListener()用法

@HostBinding()和@HostListener()在自定义指令时非常有用。@HostBinding()可以为指令的宿主元素添加类、样式、属性等，而@HostListener()可以监听宿主元素上的事件。举例：实现一个在输入时实时改变字体和边框颜色import { Directive, HostBinding, HostListener } from '@angular/core...

2019-01-29 15:50:49 6066

转载 HTML attribute 与 DOM property 的对比

要想理解 Angular 绑定如何工作，重点是搞清 HTML attribute 和 DOM property 之间的区别。attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。少量 HTML attribute 和 property 之间有着 1:1 的映射，如id。有些 HTML attrib...

2019-01-25 11:31:09 163

原创 Angular：常见问题集锦(2)

一、当一个服务中需要别的服务时怎么做？当服务需要依赖时，我们也可以用构造函数注入模式来添加一个带有别的依赖的构造函数。例如在HeroService服务中需要Logger的服务：import { Injectable } from '@angular/core';import { HEROES } from './mock-heroes';import { Logger ...

2019-01-24 15:16:23 267

原创 Angular：常见问题集锦

一、提供商注册到模块中还是组件中？1.通常，优先把模块中具体特性的提供商注册到模块中（@NgModule.providers），而不是组件中（@Component.providers）。应该把全应用级提供商添加到根模块AppModule中，而不是还是根组件AppComponent中这是因为惰性加载模块及其组件可以注入AppModule中的服务，却不能注入AppComponent中的。...

2019-01-21 14:35:18 300

原创 ionic：点击某个商品名称，跳转到相应的商品详情页面

实例：在采购单审批页面（procurement），点击“商品名称”字段，跳到新的商品信息（goods-details）的详情页，其中商品信息通过点击的商品名称的id来查到：首先要在商品名称上面绑定一个点击跳转的方法：<ion-item tappable (click)="viewGoods(item.itemId,item.specificationId)"> &lt...

2019-01-16 15:49:05 1920

原创 ionic：组件中根据审批人权限过滤，没有审批权限则不显示审批按钮

this.str = _.get(params, "data.item.approvalByName"); // 根据审批权限过滤，没有审批权限不显示审批按钮this.loginInfo = globalProvider.loginInfo;const name = this.loginInfo.name;const flag = this.str.indexOf(name); ...

2019-01-14 15:28:30 146

原创 ionic：在Ionic项目中使用ngx-datatable创建表格展示数据

想要在ionic中使用ngx-datatable插件展示表格，首先需要安装插件：npm install @swimlane/ngx-datatable然后将这个插件的依赖导入到要使用这个插件所在的页面的module中：import{NgxDatatableModule}from'@swimlane/ngx-datatable'接下来，在页面上取到后台传给我们的表格的数据，比如我这...

2019-01-11 10:49:09 3526 6

原创 Angular6笔记（5）

1.构造函数——构造函数是当类进行实例化时执行的特殊函数。通常会在构造函数中对新对象进行初始化工作：构造函数必须命名为constructor。因为构造函数是在类被实例化时调用的，所以它们可以有输入参数，但不能有任何返回值。我们要通过调用new ClassName()来执行构造函数，以完成类的实例化。 PS:在TypeScript中，每个类只能有一个构造函数。2. 继承：面向对象的另...

2019-01-08 09:10:52 650