<!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>
前端_输入信息提交上边显示
最新推荐文章于 2024-03-04 22:31:00 发布