angular 在文本框输入内容替换旧的内容

最新推荐文章于 2021-06-03 18:29:33 发布

原创最新推荐文章于 2021-06-03 18:29:33 发布 · 498 阅读

1 ·

CC 4.0 BY-SA版权

网页专栏收录该内容

33 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <style>
           *{margin-left: 10px;}
           div{border:1px solid deepskyblue;width: 500px;height: 300px;}
       </style>
       <script src="angular.js"></script>
       <script>
           var myapp=angular.module("myapp",[]);
              myapp.provider("User",function(){
            var user={
                name:"",
            };
            var _getUser=function(){
                return user;
            };
            var _setUser=function(name){
                user.name=name;
            };
            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);
                }
            })
       </script>
   </head>
   <body ng-app="myapp" ng-controller="myCtrl">
       <p>公告墙</p>
       <div>
           <p>今天我觉得天气不错</p>
           <p>你觉得天气怎么样呢</p>
           <p>{{getUser.name}}</p>

       </div>
       <p>输入框 <input type="text" placeholder="请输入内容" ng-model="name"></p>
       <button ng-click="setUser()">发布</button>
   </body>
</html>