坐在那边看天空 的博客

angular 中有种情况数据值发生变化，但是 视图没有刷新比如electron 中使用angular 交互发送消息，响应的消息中 更新了modle,但是视图没有及时刷新，需要点击下按钮或是手动刷新页面。一番搜索，找到angular2中类似angualr1.digest()手动触发变更检测的方式。class ChangeDetectorRef {markFo

可以通过 和 将 HTML 元素组合起来。HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注：“块级元素”译为 block level element，“内联元素”译为 inline element。块级元素在浏览器显示时，通常会以新行来开始（和结束）。例子：, , , HTML 内联元素内联元素在显示时通常不会以新行开始。

在介绍 HostListener 和 HostBinding 属性装饰器之前，我们先来了解一下 host element (宿主元素)。宿主元素的概念同时适用于指令和组件。对于指令来说，这个概念是相当简单的。应用指令的元素，就是宿主元素。假设我们已声明了一个 HighlightDirective 指令 (selector: '[exeHighlight]')：p exeHighlight>

HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。  它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了 ，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累

写文章详情页面的时候的一个场景：首先更改文章详情中的 PV，然后读取文章详情，然后根据文章详情中文章Id 查阅该文章评论和该文章作者信息。获取全部数据之后渲染文章详情页。数据库操作都是异步的，最直接想到的办法就是一层一层的回调函数，问题出来了：十分不雅观，要是层再多一点还会有更多麻烦。怎么解决？nodejs 7.6已经默认支持ES7中的 async/await 了，Ascn

组件是ANGULAR2的精髓，网上也有很多开源的组件，比如PRIMENG , 带有很多UI 组件。但是因为很多组件需要调整默认样式，根据官方的css 类加到组件中，很多时候会发现没有什么用。。。原因分析： 组件在呈现的时候还没有完全加载，但是组件中设定的CSS 编译后找不到应用组件。在ngAfterViewInit 中应用jquery 进行应用设置n

今天我们来介绍一下 Angular 2 中 AsyncPipe (异步管道) ，使用 AsyncPipe 我们可以直接在模板中使用 Promise 和Observable 对象，而不用通过定义一个类的成员属性来存储返回的结果。AsyncPipe 订阅一个 Observable 或 Promise 对象，并返回它发出的最新值。 当发出新值时，异步管道会主动调用变化检测器的 markFor

electron 使用原生node  模块The native Node modules are supported by Electron, but since Electron is verylikely to use a different V8 version from the Node binary installed in yoursystem, you have to manua

angular2 在组件模板中可以循环数组集合等对象,语法非常简单,如:ng-container*ngFor="let item of model.list"> div class="sermons-post"> {{item.name}} div>ng-c

ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。用ng-content标签，将父组件模板中包含的menu标签内容加到指定位置。select属性支持css选择器，如:"#id",".class","[name=value]"等header组件的模板:p>

本地变量若只需要在父组件的模板中调用子组件方法，可以给子组件添加一个本地变量名，在模板中使用该名称调用。父组件模板增加子组件的本地变量名(#name)和调用app-header #header [title]="title" name="{{name}}" (checkEmitter)="onCheckedChange($event)" >app-header>button (c

本文以jquery 为例第一种：有对应的声明文件的1、用命令安装jQuery的声明文件。（声明文件是为了ide完美智能提示）npm install -D @types/jquery2、引入jqueryimport * as $ from 'jquery';3\使用$('body').addClass('');第二种：没有声明文件，自定

angular2 模型数据更新了，需要监听数据改变，可以实现接口Docheckimport { Component, DoCheck } from "@angular/core";export class LangListUserComponent implements DoCheck {constructor(private differs: KeyValueDiffers) {

angular是客户端JS,NODE.JS 是服务端JS,建立SPA 网站需要把这两者统一到一起。1、angular2项目创建,使用angular-cli     ng new mypos 2、使用express命令行工具创建express项目。      express --view=hbs  3、angular2 中 需要引用到第三方库 例如 jquery,boot

业务场景： 点击按钮，调用方法，然后方法中需要触发其他元素的事件比如，点击新增 按钮 然后某个文本框需要获得输入焦点  1、 元素上定义 模板变量     type="text" [(ngModel)]="port">2\组件中使用注入元素。  @ViewChild('mylog') logs: ElementRef;

如下树形数据结构，不定层级，用ng2 呈现[ { name: 'ABCD', child:[ name: 'A1', child:[ name: 'A1.1', child:[....] ] ] }]////定义组件，组件中再定义组件 Component({ selector: 'child', t