Question

当两个表单都有效时，我希望我的按钮启用。我的按钮位于控制器级别的视图中，而表单位于指令中。我所做的不起作用。我认为在我的ng-disabled =＆＃34;＆＃34;中可能存在一些错误的语法。在我的按钮上。如果没有一些奇怪的黑客，我该如何解决这个问题呢？对不起，我是Angularjs的新手。这是我的代码。干杯!!

的index.html

<div ng-app="myApp" ng-controller="myCtrl">
    <myform user="user1"></myform>
    <myform user="user2"></myform>
    <button ng-disabled="user1.formname.$invalid || user2.formname.$invalid">My Button</button>
</div>

我的剧本

var app = angular.module('myApp', []);

app.controller('formCtrl', function($scope) {
     $scope.user1 = {formname: "user1form" ,firstName: "John", lastName: "Doe"};
     $scope.user2 = {formname: "user2form" ,firstName: "Lisa", lastName: "Smith"}
});

app.directive( 'datepickerform', function() {
     return {
          restrict: 'E',
          scope: {
             user : '='
          },
          templateUrl: 'myform.html',
          link: function( scope, element, attrs ) {}
    };
});

myform指令模板：

<form name="user.formname" novalidate>
    First Name:<br>
    <input type="text" ng-model="user.firstName" required><br>
    Last Name:<br>
    <input type="text" ng-model="user.lastName" required>
</form>

如何从视图中验证指令中的表单

0 个答案: