Question

我有一个非常难看的形式，看起来像这样：

form#cookingForm.table-responsive(role='form' ng-submit='cook()')
    table.table.table-hover(style='text-align: center')
        thead
            tr
                td.col-md-4.thead-sold {{'ORIGINAL_RECIPE' | translate}}
                td.col-md-4.thead-sold {{'YOUR_COOKING' | translate}}
        tbody(style='vertical-align: middle' ng-repeat='ingredient in selectedRecipe.ingredients')
            tr
                td {{ingredient.name}}: {{ingredient.weight}}
                td
                    table(style='width:100%')
                        tr
                            td
                                input(type='number' ng-model='batch.weight' required)
                            td {{'GRAMM' | translate}}
            tr
                td {{'EXP' | translate}}
                td
                    date-picker
            tr
                td {{'COLOR' | translate}}
                td(ng-style='{background: selectedRecipe.color}')

            p {{!!cookingForm.$invalid}}
 div.col-md-12
        button.btn.btn-default.pull-right(type='submit' ng-disabled='cookingFrom.$invalid') {{'COOK' | translate}}

cookingFrom.$invalid总是返回false，即使我在数字输入字段中添加字母（绑定到batch.weight），即使字段的轮廓变为红色。

Answer 1

只有使用$scope属性时，表单才会成为name的一部分：

form(name='myForm')

现在您可以使用myForm.$invalid

表内部形式角度验证

1 个答案: