angularjs - 如何从 Controller 引用表单

Question

背景:我有一个像应用程序一样的 AngularJs 向导，有 3 个步骤。向导步骤包含 4 个 uiRouter 状态，它们共享一个 Controller 。第一个状态是一个包含 bootstrap pill 导航的抽象 View ，其中一个 ui-view 作为其他 3 个嵌套状态的占位符。 3 个嵌套状态有一个单独的 View ，其中包含唯一命名的表单。我想通过检查当前可见表单是否有效来控制父状态下的药丸导航；如果表单无效，那么我将隐藏/禁用用户点击下一个导航丸的能力。

注意:我使用的是在 uiRouter 状态中声明的“controller as”语法。

问题:我似乎无法从 Controller 中获取对当前可查看表单的引用。

这是我尝试过的:1. 在 init 调用中传递对表单可见表单的引用 --> 当我尝试写入控制台时出现未定义错误2.重命名表格，甚至按照此链接中的描述传入范围引用: http://www.technofattie.com/2014/07/01/using-angular-forms-with-controller-as-syntax.html

演示:这是一个显示意图的 plnkr 链接: http://plnkr.co/edit/YUnwoBD2dt4bzbfujJSW

Controller 代码:

(function () {
    'use strict';

    angular
        .module('recquisitionManagement')
        .controller('RecquisitionEditCtrl', [RecquisitionEditCtrl]);

    function RecquisitionEditCtrl() {

        var vm = this;

        //  get ref to request form
        vm.setRequestForm = function(form) {
            vm.requestForm = form;
            console.log(form);

            // tried to call from form ng-init --> undefined response
        }

        //  console.log($scope.vm.requestForm);
        //  console.log(vm.requestForm);

        vm.recquisition = { id: 0, name: 'some name', date: 'date here' };
        vm.requestFormIsInvalid = true;    //this.requestForm.$valid;
        vm.approvalFormIsInvalid = true;


        if (vm.recquisition && vm.recquisition.id > 0) {
            vm.title = 'Edit';
        } else {
            vm.title = 'Create';
        }
    }
}());

关于如何获取所需表格引用的任何建议？

Answer 1

这里解释了多个选项:Can I access a form in the controller?

重命名共享 Controller 名称的函数并尝试使用常见的 Angular 实践也可能很好。