Angularjs 如何让ui.bootstrap timepicker控件在默认情况下通过验证，而无需用户与控件交互

当timepicker控件位于窗体内且具有初始“有效”默认值时，它应进行验证，

$scope.formname.$valid

应为true。然而，我看到的是，除非用户与控件交互，否则它不会被验证，表单也不会处于有效状态，这是不可接受的，因为用户甚至不想更改默认时间值。任何关于angular可以做些什么来分别验证控件的默认值和形式的想法

var app=angular.module（'demo'，['ui.bootstrap']）；
app.controller（'myCtrl'，['$scope'，函数（$scope）{
$scope.alertState=函数（）{
警报（$scope.myForm.$valid）；
};
}]); 

把它弄脏可能会有帮助：你有没有想过这一点？

<form name="myForm" novalidate>
  <uib-timepicker ng-model="time" template-url="timepicker.html" hour-step="1" ng-required="true" minute-step="1" show-meridian="false" ></uib-timepicker>

  <input type="submit" value="Form state" ng-click="alertState()"></button>
</form>




 var app =  angular.module('demo',['ui.bootstrap']);


  app.controller('myCtrl',[ '$scope', function($scope) {



  $scope.alertState = function() {
    alert($scope.myForm.$valid);
  };

  }]);