如何从ng-model调用函数以及ng-model值

时间:2016-12-09 07:39:08

标签: javascript html angularjs meteor angularjs-ng-model

我有一个带有文本字段的div,我使用ng-model捕获值。我想调用一个函数,因为我在文本字段中输入了一些日期以进行一些验证。所以我想从ng-调用函数模型。 那么我们怎样才能同时具有ng-model值并从中调用函数.. 我们怎么做呢。

n

我还想将函数调用为O(n^2),因为我想在输入值时检查一个验证。 我试过了<input type="datetime" view="date" min-view="date" maxlength="10" format="dd/MM/yyyy" ng-model="$ctrl.dateOfBirth" value = "{{dateOfBirth}}"> </div>

它不起作用......有人可以提供帮助

1 个答案:

答案 0 :(得分:0)

如果您想对日期时间进行验证,最好以正确的方式进行验证,请查看官方示例:

<script>
angular.module('dateInputExample', [])
 .controller('DateController', ['$scope', function($scope) {
   $scope.example = {
     value: new Date(2013, 9, 22)
   };
 }]);
</script>
<form name="myForm" ng-controller="DateController as dateCtrl">
<label for="exampleInput">Pick a date in 2013:</label>
<input type="date" id="exampleInput" name="input" ng-model="example.value"
   placeholder="yyyy-MM-dd" min="2013-01-01" max="2013-12-31" required />
<div role="alert">
 <span class="error" ng-show="myForm.input.$error.required">
     Required!</span>
 <span class="error" ng-show="myForm.input.$error.date">
     Not a valid date!</span>
</div>
<tt>value = {{example.value | date: "yyyy-MM-dd"}}</tt><br/>
<tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>
<tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>
<tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
<tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
</form>