angular2中使用表單，首先要在from上新增 #forma=」ngform」，這個是給from定義成了angular的from物件
"form-horizontal"
#forma="ngform" (ngsubmit)="onsubmit(showmodal)">
class="form-horizontal" #forma="ngform" (ngsubmit)="onsubmit(showmodal)">
class="form-group">
for="name"
class="col-md-3 text-right">賬號:label>
class="col-md-6">
class="form-control" #ipt1="ngmodel" [(ngmodel)]="name"
name="name"
id="name"
required>
div>
class="alert alert-danger col-sm-6 col-sm-offset-1">賬號是必須輸入的div>
div>
type="submit"
class="btn btn-default" [disabled]="!ngform.form.valid">提交button>
form>
狀態 為真時的 css 類 為假時的 css 類
控制項 已經被訪問過 ng-touched ng-untouched
控制項 值已經變化 ng-dirty ng-pristine
控制項 值是有效的 ng-valid ng-invalid
Angular 2 之五 表單
標註方式定義表單步驟如下 建立表單輸入的資料模型 建立元件用於表單輸入 建立元件模板用於表單布局 使用ngmodel將資料模型字段雙向繫結到對應的輸入控制項 輸入控制項增加ngcontrol屬性 增加css視覺效果 顯示或隱藏輸入錯誤提示資訊 表單資料驗證正確之前禁用提交按鈕 通過ngsubmit處...
angular2 模板驅動型表單
要使用模板驅動型表單，我們必須先導入formsmodule模組。ngmodule template.component.html template.component.ts import from angular core component export class templatecompone...
angular2 發布angular2模組，服務
上回說到了如何利用npm包管理器發布自己的包，這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構，一般都需要下列檔案 html檔案，css檔案，component檔案，module檔案。component檔案內容 import區域 impor...