最近在寫乙個表單,有些輸入框只能輸入數字,單又不想每次寫表單的時候,都要去驗證輸入的是不是數字,
那麼就想到直接限制只能輸入數字,通過指令實現
這裡需要注意的是,不只更改dom的值,如果input為資料繫結的值,需要更新繫結值,
所以需要引入ngmodel,通過viewtomodelupdate,來更新繫結值
import from '@angular/core';import from '@angular/forms';
//自定義指令
@directive(,
inputs: ['maxvalue'],
})export class numberinput
onkeyup(event)
let newvalue =parseint(input.value);
if (newvalue > this
.maxvalue)
else
} onkeypress(event)
}}
引用方式:
import from './directives';@ngmodule()
html**
<input
type
="number"
numberinput
/>
Angular2 指令 路由指令
routeroutlet的作用是在模板中開闢出一片區域,用於顯示url所對應的元件,angular將模板中使用了 標籤的元件統稱為路由元件 router outlet main routerlink接收乙個連線引數陣列,angular將根據該陣列來生成urltree例項進行跳轉。routerlink...
angular5 通過服務實現資料的傳遞
父子元件的資料傳遞使用屬性傳值,而兄弟元件的資料傳遞是使用中間人模式。而兩者之間沒有直接關係則是用服務 兩者共同的依賴 來聯絡。1.專案需求 搜尋元件和商品元件 a.搜尋元件 通過單擊搜尋按鈕,來實現右側的商品元件的顯示結果,是乙個響應的表單 b.商品列表元件 是乙個單獨的元件,顯示商品的列表 2....
(2)通過XPath位址定位標籤
xpath是一門在xml文件中查詢資訊的語言。xpath可用來在xml文件中對元素和屬性進行遍歷。xpath是w3c xslt標準的主要元素,並且xquery和xpointer都構建於xpath表達之上。xpath在python的爬蟲學習中,起著舉足輕重的作用,對比正規表示式re,兩者可以完成同樣的...