AngularJS基于MVC的复杂操作实例讲解


Posted in Javascript onDecember 31, 2017

实例如下:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>AngularJS基于MVC的复杂操作案例</title>
  <script type="text/javascript" src="../js/angular.min.js"></script>
 </head>
 <body>
  <!--ng-app="myapp"定义了一个模块-->
  <div ng-app="myapp" ng-controller="myctrl">
   <div>
    <!--ng-model模型作用-->
    <input type="text" name="name" ng-model="name" />
    <!--提供按钮-->
    <input type="button" value="清空" ng-click="clearVal()" />
   </div>
   <div>
    <!--{{}}等价于ng-bind用于数据显示-->
    hello,{{name}}
   </div>
  </div>
 </body>
 <script type="text/javascript">
  //初始化myapp模块
  var myapp = angular.module("myapp",[]);
  //定义模块的控制器
  //依赖注入,$scope作用域对象,操作当前作用域视图
  myapp.controller("myctrl",["$scope",function($scope){
   //对模型进行初始化赋值
   $scope.name = "你我他学习吧";
   //在作用域提供clearVal点击事件
   $scope.clearVal = function(){
    //模型设置为空
    $scope.name = "";//清空输入框内容
   }
  }]);
 </script>
</html>

以上这篇AngularJS基于MVC的复杂操作实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 动态酷效果实现总结
Dec 27 Javascript
js 数值项目的格式化函数代码
May 14 Javascript
js确定对象类型方法
Mar 30 Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
详解Element 指令clickoutside源码分析
Feb 15 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 Javascript
jQuery实现页码跳转式动态数据分页
Dec 31 #jQuery
React数据传递之组件内部通信的方法
Dec 31 #Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 #Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 #Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 #Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 #Javascript
Angular实现点击按钮控制隐藏和显示功能示例
Dec 29 #Javascript
You might like
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
用PHP写的基于Memcache的Queue实现代码
2011/11/27 PHP
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
PHP 用session与gd库实现简单验证码生成与验证的类方法
2016/11/15 PHP
javascript 常用方法总结
2009/06/03 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
JavaScript伸缩的菜单简单示例
2013/12/03 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
2015/12/08 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
[01:00:13]完美世界DOTA2联赛 LBZS vs Forest 第一场 11.07
2020/11/09 DOTA
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
将python包发布到PyPI和制作whl文件方式
2019/12/25 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
Pytorch技巧:DataLoader的collate_fn参数使用详解
2020/01/08 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
python之语音识别speech模块
2020/09/09 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
中式婚礼主持词
2014/03/13 职场文书
班级读书活动总结
2014/06/30 职场文书
2015年防汛工作总结
2015/05/15 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python