文章

目前顯示的是 三月, 2016的文章

為 PhpStorm 或 WebStorm 加入 angular2 live template

Angular 2 Style Guide WebStorm Live Templates

使用 PhpStorm 2016.1 版為例,OS 為 Ubuntu

到 這裡,點 RAW 按鈕然後複製,存為 Angular2-StyleGuide-LiveTemplates.xml,存放到:

~/.PhpStorm2016.1/config/templates
若 PhpStorm 已開啟則重新開啟即可。

不同作業系統的路徑可從 這裡 查到

[ 參考 ] Template-driven Forms in Angular 2

Template-driven Forms in Angular 2

不錯的參考,解釋的蠻清楚的,內容並不包含表單驗證。

內容包含:

ngFormngControlngControlGroupngSubmitngModel

[ 範例 ] Tutorial: Angular 2 Datatable with Sorting, Filtering and Resizable Columns

Tutorial: Angular 2 Datatable with Sorting, Filtering and Resizable Columns

利用 ag-Grid + ag-grid-ng2 實做 排序、篩選、調整欄位大小

相關連結:

ag-Grid

ceolter/ag-grid-ng2

ceolter/ag-grid-ng2-example

[ 範例 ] 使用 angular2 實現 autocomplete

[ 參考 ] 解決 Ubuntu Linux 16.04 耳機輸出沒有聲音的問題

解決 Ubuntu Linux 16.04 耳機輸出沒有聲音的問題

基本上就是把耳機輸出打開啦

不一定會遇到,先收下來參考

[ 範例 ] Google Maps JavaScript API 入門使用教學與範例

Google Maps JavaScript API 入門使用教學與範例

先收藏起來,以後說不定會用到

[ 參考 ] 利用 email 實做無密碼登入 in Laravel

Creating a password-less, Medium-style, email-only authentication system in Laravel

基本上就是利用 email 當作身份證明啦,文章中改造 Laravel 內建的註冊與認證機制。

流程:

輸入 email -> 收信 -> 點連結 -> 完成登入

[ 範例 ]在 angular2 中使用 redux

[ 參考 ] Emulated or Native Shadow DOM in Angular 2 with ViewEncapsulation

Emulated or Native Shadow DOM in Angular 2 with ViewEncapsulation

有詳細解說與範例

ViewEncapsulation.Emulated
global:繼承
component 內的:不會 override global
預設模式

ViewEncapsulation.Native
global:不繼承
component 內的:不會 override global
即 shadow dom

ViewEncapsulation.None
global:繼承
component 內的:會 override global

相關參考資料:
Web Components and concepts, ShadowDOM, imports, templates, custom elements

[ 工具 ] 在 Linux 桌面選取並翻譯文字

[ 工具 ] Linux 下批次更改檔名的工具

[ 參考 ] Ionic 2 and Auth0

Ionic 2 and Auth0

以後說不定會用到,先收下來參考囉

[ 好文 ] Laravel + AngularJS + JWT 實做