Question

我想将输入字段的类添加到它单击的按钮。我经常搜索，但没有找到满意的结果。我想要的是在单击提交按钮时将类红色添加到我的输入字段。

 <style>
    .red{background-color:red;}
    </style>
</head>
<body>
    <div ng-app="myapp">

        <div ng-controller="formController">
            <form action='#' method="POST" formvalidation novalidate>
                <table>
                    <tr>
                        <td>Name</td>
                        <td><input name="name"  type="text" id="name" ng-model="person.Name" required></td>
                    </tr>
                    <tr>
                        <td>age</td>
                        <td><input name="age" id="age" type="number" ng-model="person.age" required min="10" max="20"></td>
                    </tr>
                    <tr>
                        <td>
                            <input id="submit" type="submit" value="submit" />
                        </td>
                    </tr>
                </table>
            </form>
        </div>

我尝试在表单元素上创建一个指令并定义一个自定义指令但它没有工作，修复bug没有显示任何错误是代码。

var myapp=angular.module("myapp",[]);

myapp.controller('formController',function($scope){ 

});
myapp.directive("formvalidation",function(){
    var directive={}
    directive=function(scope,element,attrs)
    {
        var test=angular.element().find('#name');
        var button=angular.element().find("#submit");
        $(button).on('click',function(){

            $(test).addClass('red');
        });
    }
    return {
    restrict: 'E',
    link: directive
};
});

在按钮单击事件上向表单字段添加类使用DOM操作

0 个答案: