}
//分頁元件定義
import from "@angular/core";
import from "./pagination";
@component()
export class pagecomponent implements docheck
}public prepage(): void
}public nextpage(): void
}public initpagelist(): void
} else
this.pagelist.push('...');
this.pagelist.push(this.pagenum);
//右邊沒有'...'
} else if (this.pagination.currentpage >= this.pagenum - offset - 1)
//兩邊都有'...'
} else
this.pagelist.push('...');
this.pagelist.push(this.pagenum);}}
}ngdocheck(): void
if (this.pagination.currentpage > this.pagenum)
}}
//分頁元件所需配置資訊的物件
export class pagination
public static defaultpagination = new pagination(7, 1, 0, 10, function () );
}
//匯出分頁元件
export * from './page.component';
使用：在要使用的元件頁面中加入：
import from '../pagination/pagination';@output()
public pagination: pagination = pagination.defaultpagination;
ngoninit() );
};private initlist(): void
有兩種資料載入方式：
1、一次性取出全部資料，如上例所示，然後每次changepage時對整體資料（例子中route陣列）進行分割，根據當前頁面page和每頁的資料數pageitems計算出分割的head和end，將該page該顯示的資料放到this.routes中。
2、每次changepage都對後台發起一次請求，將page發過去，後台返回全部資料數賦給totalitem，返回該page頁資料賦給this.routes。
angular2新建元件
1,使用 ng g c hello 建立乙個新的元件 它建立了4個檔案，並更新了 如果想訪問這個元件，只需要新增它的路由 成功訪問這個元件 import語句定義了我們需要用到的哪些模組，import 語句的結構 import from wherever.這種寫法叫解構。解構是 es6和 typesc...
Angular 2的元件樣式
使用styles在元資料中指定樣式 在定義component時可以通過styles欄位指定樣式，styles接受乙個字串陣列，但是通常我們只指定乙個字串就夠了。如下 selector my list template styles ul li export class itemcomponent,這...
angular2 發布angular2模組，服務
上回說到了如何利用npm包管理器發布自己的包，這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構，一般都需要下列檔案 html檔案，css檔案，component檔案，module檔案。component檔案內容 import區域 impor...