有角度实现点击按钮后在上方显示输入内容的方法

本文实例讲述了有角的实现点击按钮后在上方显示输入内容的方法。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net Angular显示输入内容/title脚本src=' http : angular。量滴js '/script脚本var myapp=angular。模块(' myapp '，[])；myapp.provider('User '，function(){ var User={ name : ' zs '，sex:'girl '，email : '[email protected]' }；var _ GetUser=function(){ return user；};var _ setUser=函数(姓名、性别、电子邮件){ user . name=name user . sex=sexuser . email=email }；这个$ get=function(){ return { getUser : _ getUser，setUser : _ setUser } } })；myapp.controller('myCtrl '，函数($作用域，用户){ $作用域。getuser=用户。getuser()；$ scope。setuser=function(){ user。setuser($ scope)。名字，$scope.sex，$scope。电子邮件)；} })/脚本/头体ng-app=' myapp ' ng-controller=' myCtrl ' div ul Li { { getuser。姓名} }/Li Li { { getuser。sex } }/Li Li { { getuser。电子邮件} }/Li/ul/div名称：输入类型=' text ' ng-model=' name ' br sex 3360输入类型=' text ' ng-model=' sex ' br/email 3360输入类型=' text ' ng-model='按钮/button/div/body/html更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。