前端_输入信息提交上边显示

最新推荐文章于 2024-03-04 22:31:00 发布

哥哥儿

最新推荐文章于 2024-03-04 22:31:00 发布

阅读量518

点赞数

本文链接：https://blog.csdn.net/qq_39707849/article/details/78225272

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../angular-1.5.5/angular.min.js"></script>

    <script>
        var myapp = angular.module("myapp", []);
        //自定义服务
        myapp.factory("user", function () {
            var user = {
                id: "6",
                name: "Mary",
                Email: "gege@gege.com"
            };
            var getUser = function () {
                return user;
            };
            var setUser = function (id, name, email) {
                user.id = id;
                user.name = name;
                user.Email = email;
            };
            return {
                getUser: getUser,
                setUser: setUser
            }
        });
        myapp.controller("myCtrl", function ($scope, user) {
            $scope.data = user.getUser();
            console.log($scope.data);
            $scope.tj = function () {
                user.setUser($scope.id, $scope.name, $scope.email);
            }
        })
    </script>

</head>
<body ng-app="myapp" ng-controller="myCtrl">
<ul>
    <li>{{data.id}}</li>
    <li>{{data.name}}</li>
    <li>{{data.Email}}</li>
</ul>
<input type="text" ng-model="id"><span>请输入ID</span><br/>
<input type="text" ng-model="name"><span>请输入name</span><br/>
<input type="text" ng-model="email"><span>请输入Email</span><br/>
<button ng-click="tj()">提交</button>
</body>
</html>

哥哥儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端_输入信息提交上边显示

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="../angular-1.5.5/angular.min.js">script> script> var myapp = angular.module("myapp", []);
复制链接

扫一扫