NG - 検索入力フィールドでは機能しません。

Question

必要に応じてng-required指示文を使用する検索ボックス（入力タイプ= "検索"）というテキストボックスがあります。

ng-required = trueを設定すると、テキストボックスの周囲に赤いボックスが表示されません。私が入力タイプ= "テキスト"を変更すると正しく動作しますが、xを取得してデータをクリアしません。

入力タイプを「検索」に変更して、必要なフラグを確認してテキストボックスを赤に変更するにはどうすればよいですか？

Answer 1

ng-requiredおよびrequiredは、入力タイプに関係なく動作する必要があります。
こちらをご覧ください。どちらの場合も、入力タイプを変更してメッセージを真にすることができます。

function SearchCtrl($scope) { 
 
\t \t $scope.postBtn = function() { 
 
    \t debugger; 
 
     if($scope.searchForm.$invalid) { 
 
     console.log($scope.searchForm.$invalid); 
 
     return; 
 
     } 
 
    } 
 
    
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app ng-controller="SearchCtrl"> 
 
    <form name="searchForm"> 
 
    <input type="search" name="search" ng-model="search" required/> 
 
    <div ng-messages="searchForm.search.$error"> 
 
     <p ng-message="required">This field is required.</p> 
 
    </div> 
 
    <input type="button" ng-click="postBtn()" name="Submit" value="submit" /> 
 
    </form> 
 
</div>