1.Console對象的使用,請查看:
http://www.runoob.com/w3cnote/javascript-console-object.html
這個比較全面,Console.dir()打印對象的內(nèi)容笋婿,Console.log()是輸出一些信息而已佣耐。dir的方法很有用家卖。
2.讀取模板的簡單例子:
html:(記得使用ng-template,不使用templat,不然調(diào)半天也不出結(jié)果)
<ng-template #tpl>
<span>I am span in template</span>
</ng-template>
<button (click)="clear()">Clear</button>
<button (click)="add()">Add</button>
ts文件:
@ViewChild('tpl')
tpl: TemplateRef<any>;
@ViewChild('tpl', { read: ViewContainerRef })//注意這個寫法
tp2: ViewContainerRef;
clear() {
this.tp2.clear();
}
add() {
this.tp2.createEmbeddedView(this.tpl);
}
3.<input #myInput (keyup)="0">
{{myInput.value}}
如果,沒有keyup的那段話扰付,不會更新界面的。
(除非你綁定一個事件仁讨,否則這將完全無法工作羽莺。
只有在應(yīng)用做了些異步事件(如擊鍵),Angular 才更新綁定(并最終影響到屏幕)洞豁。 本例代碼將 keyup 事件綁定到了數(shù)字 0盐固,這可能是最短的模板語句了。 雖然這個語句不做什么丈挟,但它滿足 Angular 的要求刁卜,所以 Angular 將更新屏幕。)
<input #myInput (keyup.enter)="0">//這個是之后回車鍵的時候更新界面
{{myInput.value}}
4.這個能跟蹤是否有改變來提示信息曙咽,如果為空蛔趴,則提示。
<input id="justTest" #myInput="ngModel" [(ngModel)]="name" (keyup.enter)="0" required>
{{myInput.value}}
<div [hidden]="myInput.valid || myInput.pristine"
class="alert alert-danger">
Name is required
</div>
如果將#myInput="ngModel"改為#myInput,則一直有提示例朱。這個地方得注意夺脾。
reset的時候之拨,記得將form.reset(),form為表單的名稱<form #form>如此茉继。
5.進(jìn)制的轉(zhuǎn)化:
將一個十進(jìn)制轉(zhuǎn)為二進(jìn)制字符串:
parseInt(strProfile.CommonPart.UserValue).toString(2)
6.元素的類型咧叭,具體的,需要自己查下:
doKeyUp(event: KeyboardEvent, input1: HTMLInputElement, input2: HTMLInputElement)
7.字符串替換:
this.profile.CommonPart.User32=this.profile.CommonPart.User32.replace(/-/g,'');使用正則表達(dá)式烁竭,把字符串所有的‘-’字符替換為0
如果使用 this.profile.CommonPart.User32=this.profile.CommonPart.User32.replace('-','');則只替換字符串的第一個菲茬,而不是所有。
input.value = input.value.replace(/[^0-9a-fA-F]/g, "0");輸入是16進(jìn)制的派撕,不替換婉弹,或者替換為0
8.在別的機器上顯示網(wǎng)頁,用本機調(diào)試:
ng serve --host xx.xx.xx.xx//本機IP
然后在局域網(wǎng)的別的機器上的瀏覽器輸入xx.xx.xx.xx:4200進(jìn)行顯示和調(diào)試
9.解析xml等的原生的解析器:
const paser = new DOMParser();
const doc = paser.parseFromString(data, 'text/xml');
其它方法自己進(jìn)去找即可终吼。
10.數(shù)組等如何深拷貝:
JSON.parse(JSON.stringify(this._cxTypes));