javascript – 如何将html表单名称转换为控制器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何将html表单名称转换为控制器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1701字，纯文字阅读大概需要3分钟。

内容图文

在这里,我在角度控制器中有硬编码的html表单名称(在保存功能中).而不是我想要将表单名称变成变量并将其放在那里.我提到了类似的questions,但找不到解决方案.

HTML表单

<section xmlns="http://www.w3.org/1999/html">
  <div class="page-header">
    <h1>{{vm.drug._id ? 'Edit Drug Information' : 'Add New Drug'}}</h1>
  </div>
  <div class="col-md-12">
    <form name="vm.form.addNewDrugForm" class="form-horizontal" ng-submit="vm.save(vm.form.addNewDrugForm.$valid)"
          novalidate>

    </form>
  </div>
</section>

角度控制器

(function () {
    'use strict';

    // Drugs controller
    angular
        .module('drugs')
        .controller('DrugsController', DrugsController);

    DrugsController.$inject = ['$scope', '$state', '$window', 'Authentication', 'drugResolve'];

    function DrugsController($scope, $state, $window, Authentication, drug) {
        var vm = this;

        vm.authentication = Authentication;
        vm.drug = drug;
        vm.error = null;
        vm.form = {};
        vm.remove = remove;
        vm.save = save;
        vm.printDrug = printDrug;

        // Save Drug
        function save(isValid) {
            if (!isValid) {
                $scope.$broadcast('show-errors-check-validity', 'vm.form.addNewDrugForm');
                return false;
            }

            // TODO: move create/update logic to service
            if (vm.drug._id) {
                vm.drug.$update(successCallback, errorCallback);
            } else {
                vm.drug.$save(successCallback, errorCallback);
            }

            function successCallback(res) {
                $state.go('drugs.view', {
                    drugId: res._id
                });
            }

            function errorCallback(res) {
                vm.error = res.data.message;
            }
        }
    }
}());

解决方法:

您可以使用位于表单对象上的$name属性.因为你必须通过vm.form.addNewDrugForm(即表格对象)来保存方法&抓住$valid& $name属性值在方法中.

ng-submit="vm.save(vm.form.addNewDrugForm)"

码

function save(form) {
   console.log('name of form', form.$name); // prints `vm.form.addNewDrugForm`
   console.log('validity of form', form.$valid); //prints `true/false`
}

内容总结

以上是互联网集市为您收集整理的javascript – 如何将html表单名称转换为控制器？全部内容，希望文章能够帮你解决javascript – 如何将html表单名称转换为控制器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端