如何在没有提交按钮的情况下将所有输入设置为$ touched AngularJS

我有一个指令，可根据其$valid和$untouched属性验证表单内的输入-如果“触摸”了输入，它将检查验证并相应地以红色/绿色为字体和边框上色；如果未“触摸”输入，则会赢什么也没做。

我正在使用ngBootBox的自定义对话框，所以我没有type="submit"那种提交表单的按钮，我正在使用“创建”按钮的回调函数来传递/保存数据。

我的问题是，当我单击“创建”按钮并且表单不“有效”时，因为某些字段为空-我的输入仍然“未修改”，因此$watch未调用该函数。有什么办法吗？有没有办法做这样的事情：$scope.createProjectForm.$setTouched(true);那将使该形式的所有子输入都获得该价值？

我也尝试过，但没有成功：

angular.forEach($scope.createProjectForm, function(field){
   field.$setTouched(true);
});

这是我的验证指令：

angular.module('mean.theme').directive("inputValidation", function () {
    return {
        restrict: 'EA',
        require: 'ngModel',
        link: function (scope, inputElement, attrs, ngModelCtrl) {
            var $icon = $('<i class="fa"></i>');
            inputElement.before($icon);
            scope.$watchGroup([
                function(){
                    return ngModelCtrl.$untouched;
                },
                function(){
                    return ngModelCtrl.$valid;
                }
            ], function(Paramaters){
                console.log(scope);

                if(!Paramaters[0]) {
                    if (Paramaters[1]) {
                        inputElement.switchClass('validation-warning-border','validation-success-border',50)
                        inputElement.prev().switchClass('fa-warning validation-warning-font' , 'fa-check validation-success-font',50);
                    } else {
                        inputElement.switchClass('validation-success-border','validation-warning-border',50)
                        inputElement.prev().switchClass('fa-check validation-success-font','fa-warning validation-warning-font',50)
                    }
                }
            });
        }
    };
});

这是我的控制器代码的一部分：

    $scope.create = function () {
        var options = {
            title: 'Create',
            templateUrl: 'project.html',
            scope: $scope,
            buttons: {
                warning: {
                    label: "Cancel",
                    className: "btn-link",
                    callback: function () {
                    }
                },
                success: {
                    label: "Create",
                    className: "green",
                    callback: function () {
                        if ($scope.createProjectForm.$valid){
                            $scope.createProject(template);
                        } else {
                            $scope.project.createButtonClicked = true;
                            return false;
                        }
                    }
                }
            }
        };
        $ngBootbox.customDialog(options);
    };

这是我的HTML代码的一部分：

<form role="form" name="createProjectForm">
    <label>
        Name Your Project
    </label>
    <div>
        <input type="text" name="project.name"
               ng-model="project.name" required="required" class="form control" input-validation/>
    </div>
    <label>
        Name Your Project
    </label>
    <div>
        <input type="text" name="project.title"
               ng-model="project.title" required="required" class="form control" input-validation/>
    </div>
</form>

• 编辑：

我找到了所需的方法，更轻松，更快捷：

它可以手动设置：$scope.createProjectForm.$setSubmitted()以true

然后$watch为这些更改设置子项（输入）：

scope.$watchGroup([
            function(){
                return ngModelCtrl.$untouched;
            },
            function(){
                return ngModelCtrl.$valid;
            },
            function(){
                return ngModelCtrl.$$parentForm.$submitted;
            }
        ], function(Paramaters){
         // code here
        }