如果当前模板中的表单无效angularjs

Question

我的应用程序中有tab结构，如下所示：

并为每个标签我有一个表单和一个提交按钮。如果没有填写所有表单数据，那么我显示错误弹出窗口（使用角度UI引导模式弹出窗口），单击“提交”按钮显示“填写帐户创建数据”。

但我想要做的是当用户点击上图中显示的“个人详细信息”标签（或任何其他标签）时，我还要显示“填写帐户创建数据”的错误消息

通常，如果用户单击任何选项卡，并且其中一个表单未完全填充，则应显示错误弹出窗口。

我编写了代码，点击“提交”按钮显示错误弹出窗口， 但是不确定如何通过单击“路径”选项卡来实现此目的。

我的路线代码如下：

onboardingApp.config(['$routeProvider', '$httpProvider', function ($routeProvider, $httpProvider) {

        $routeProvider.when('/empDetails', {
            templateUrl: 'templates/employeeDetails.html',
            controller: 'empDetailsController',
            activeLink: 'empDetails',
            data: {
                login: false
            }
        });

        $routeProvider.when('/login', {
            templateUrl: 'templates/login.html',
            controller: 'loginController',
            activeLink: 'login',
            data: {
                login: true
            }
        });
        $routeProvider.when('/accType', {
            templateUrl: 'templates/accountType.html',
            controller: 'accountTypeController',
            activeLink: 'accType',
            data: {
                login: false
            }
        });

        $routeProvider.when('/verifyID', {
            templateUrl: 'templates/identityVerification.html',
            controller: 'verifyIdentityController',
            activeLink: 'verifyID',
            data: {
                login: false
            }
        });
        $routeProvider.when('/personalDetails', {
            templateUrl: 'templates/personalDetails.html',
            controller: 'personalDetailsController',
            activeLink: 'personalDetails',
            data: {
                login: false
            }
        });

        $routeProvider.otherwise({
            redirectTo: '/login'
        });


}]);

请在这种情况下帮助我。有没有办法在路由配置中检查Resolve属性中的表单有效性？

提前致谢！