angular+将输入框内容点击按钮显示在输入框上面

最新推荐文章于 2020-07-23 11:28:27 发布

C--罗纳尔多

最新推荐文章于 2020-07-23 11:28:27 发布

阅读量2k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/dangai0201/article/details/77936568

版权

html5 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular/angular.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        myapp.provider("User",function(){
            var user={
                name:"zs",
                sex:"girl",
                email:"zs@bawei.com"
            };
            var _getUser=function(){
                return user;
            };
            var _setUser=function(name,sex,email){
                user.name=name;
                user.sex=sex;
                user.email=email;
            };
            this.$get=function(){
                return{
                    getUser:_getUser,
                    setUser:_setUser
                }
            }

        });
        myapp.controller("myCtrl",function($scope,User){
            $scope.getUser=User.getUser();
            $scope.setUser=function(){
                User.setUser($scope.name,$scope.sex,$scope.email);
            }
        })
    </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<div>
    <ul>
        <li>{{getUser.name}}</li>
        <li>{{getUser.sex}}</li>
        <li>{{getUser.email}}</li>
    </ul>
</div>
<div>
    name:<input type="text" ng-model="name"><br>
    sex:<input type="text" ng-model="sex"><br/>
    email:<input type="text" ng-model="email"><br/>
    <button ng-click="setUser()">按钮</button>
</div>
</body>
</html>

C--罗纳尔多

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angular+将输入框内容点击按钮显示在输入框上面

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

扫一扫