AngularJS验证问题

AngularJS验证问题,angularjs,razor,Angularjs,Razor,我尝试使用AngularJS指令验证表单productForm,因此我尝试: <form id="productForm" name="productForm" novalidate> <div style="width: 100%; margin-top: 15px; float: right; "> <label style="width:103px;float:right" class="col-sm-2" for="

我尝试使用AngularJS指令验证表单
productForm
,因此我尝试:

<form id="productForm" name="productForm" novalidate>
     <div style="width: 100%; margin-top: 15px; float: right; ">
                <label style="width:103px;float:right" class="col-sm-2" for="ProductName">ProductName: </label>

                <div style="float:right" class="col-sm-5">
                    <input ng-required="true" class="form-control" style="float:right" type="text" id="ProductName" name="ProductName" ng-model="modal.ProductName" value="" />
                </div>
                <div style="float:right" class="col-md-7" >
                    <span class="help-block" ng-if="productForm.ProductName.$error.required && productForm.ProductName.$dirty && productForm.ProductName.$touched "> Name is Must</span>
                </div>

    </div>
    <button class="btn" style="background-color: #ed9c28;" type="button" ng-click="Save()" ng-disabled="productForm.$invalid">Save</button>
</form>

产品名称:
名字是必须的
拯救

这样,问题是:当用户触摸
ProductName
时,它失去了焦点,所需的消息没有显示(只是在用户键入输入并清除输入中的全部文本时显示,但我想在输入为空时显示错误消息),我尝试在
ng中使用
productForm.ProductName.$toucted
,如果执行此操作的错误消息不起作用,我该如何执行此操作?

我将忽略对$dirty的检查,而是检查
$invalid
$touced

ng-if="productForm.ProductName.$invalid &&  productForm.ProductName.$touched"

我将省略$dirty的检查,而是检查
$invalid
$touced

ng-if="productForm.ProductName.$invalid &&  productForm.ProductName.$touched"

这不是答案
ngShow
ngIf
都适用于这种情况(即使在任何情况下都不应该使用
ngShow
。@developer033为什么不在任何情况下使用ngShow?解决方案是省略脏支票和注释,我将使用ng show只是一个提示。但也许你能说服我……嗯,
ngShow
被认为是一种不好的做法<建议使用代码>ngIf
,但您可以使用
ngShow
。我在这里指出的是,他的问题与
ngIf
无关。没错,问题与ngIf无关,它可能保存在那里使用,因此我将删除提示。然而,请告诉我们为什么ngShow是一种不好的做法?我经常看到ppl更喜欢使用ngShow而不是ngIf…你可以检查接受的答案。除此之外,
ngIf
似乎有更好的性能,您可以更轻松地操作类等等。这不是答案
ngShow
ngIf
都适用于这种情况(即使在任何情况下都不应该使用
ngShow
。@developer033为什么不在任何情况下使用ngShow?解决方案是省略脏支票和注释,我将使用ng show只是一个提示。但也许你能说服我……嗯,
ngShow
被认为是一种不好的做法<建议使用代码>ngIf,但您可以使用
ngShow
。我在这里指出的是,他的问题与
ngIf
无关。没错,问题与ngIf无关,它可能保存在那里使用,因此我将删除提示。然而,请告诉我们为什么ngShow是一种不好的做法?我经常看到ppl更喜欢使用ngShow而不是ngIf…你可以检查接受的答案。除了
ngIf
似乎有更好的性能外,您还可以更轻松地操作类等等。要了解发生了什么,请执行以下操作:
要了解发生了什么,请执行以下操作: