angular 2 材质选项卡和 ngForm答案

【问题标题】：angular 2 material tab and ngFormangular 2 材质选项卡和 ngForm
【发布时间】：2016-10-31 17:56:27
【问题描述】：

我正在使用 angular2 formsModule 和 material2 library。

当我试图在form 标签之外检查form 的有效性时，我得到一个

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

form 标记被包装到md-tab 标记中，我注意到错误取决于它。

错误：

<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>

有人发现我做错了什么吗？对不起我的英语。

【问题讨论】：

标签： angular angular2-forms angular-material2

【解决方案1】：

据我所知 fooform 是在视图初始化之后初始化的，但是您的函数在此生命周期之前运行。所以我会改变我的代码这个

check(fooForm) 在 html 和 js 中

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

【讨论】：