angular.js form

最新推荐文章于 2024-09-09 09:35:48 发布

weixin_30354675

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量41

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xudy/p/6052224.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .my-form{
                transition: all linear 0.5s;
                background: transparent;
            }
            .my-form.ng-invalid{
                background-color: red;
            }
        </style>
    </head>
    <body ng-app="app">
        <form name="myForm"  class="my-form">
            userType: <input type="text" name="input" ng-model="userType" required="required"/><br />
            <span class="error" ng-show="myForm.input.$error.required">Required!</span><br />
            <code>userType:{{userType}}</code><br />
            <code>$valid:{{myForm.input.$valid}}</code><br />
            <code>$error:{{myForm.input.$error}}</code><br />
            <code>myForm.$valid: {{myForm.$valid}}</code><br />
            <code>myForm.$error.required:{{myForm.$error.required}}</code>
        </form>
        <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            angular.element(document.getElementsByTagName('head')).append(angular.element('<base href="'+window.location.pathname+'"/>'));
        </script>
        <script type="text/javascript">
            var app = angular.module('app' , []);
                /*app.controller('formController' , ['$scope' , function($scope){
                    $scope.userType = 'gest';
                }])*/
        </script>
    </body>
</html>

转载于:https://www.cnblogs.com/xudy/p/6052224.html

weixin_30354675

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular.js form

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .my-form{...
复制链接

扫一扫