Question

我正在使用angular2 formsModule和material2 library。

当我尝试在form标记之外检查form的有效性时，我得到了

错误：无法读取未定义
的属性“有效”

form标记已包含在md-tab标记中，我注意到该错误取决于它。

ERROR：

<button (click)="check(fooForm.valid)"></button>
<md-tab-group>
    <md-tab label="One">
        <form (ngSubmit)="save()" #fooForm="ngForm">
            <input name="One"></input>
            <input name="Two"></input>
        </form>
    </md-tab>
</md-tab-group>

没有错误：

<md-tab-group>
    <md-tab label="One">
        <button (click)="check(fooForm.valid)"></button>
        <form (ngSubmit)="save()" #fooForm="ngForm">
            <input name="One"></input>
            <input name="Two"></input>
        </form>
    </md-tab>
</md-tab-group>

有没有人发现我做错了什么？抱歉我的英文。

Answer 1

据我所知，fooform在view init之后初始化但是你的在这个生命周期之前的函数符文。所以我会改变我的代码此

html和js中的

check(fooForm)

check(fooForm) {
 return fooForm && fooForm.vali
}

角度2材质选项卡和ngForm

1 个答案: