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 相关文章推荐
动态加载iframe
Jun 16 Javascript
javascript中获取选中对象的类型
Apr 02 Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
JavaScript中的lastIndexOf()方法使用详解
Jun 06 Javascript
JavaScript面向对象编写购物车功能
Aug 19 Javascript
微信小程序 图片上传实例详解
May 05 Javascript
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
jQuery实现高级检索功能
May 28 jQuery
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中关于socket的系列函数总结
2015/05/18 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
Thinkphp自定义代码生成工具及用法说明(附下载地址)
2016/05/27 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
CheckBox 如何实现全选?
2006/06/23 Javascript
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
简单谈谈json跨域
2016/03/13 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
[01:20:05]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第二场 2月5日
2021/03/11 DOTA
python中的多重继承实例讲解
2014/09/28 Python
python检查指定文件是否存在的方法
2015/07/06 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
Python如何在DataFrame增加数值
2020/02/14 Python
Python wordcloud库安装方法总结
2020/12/31 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
卫校中专生的自我评价
2014/01/15 职场文书
保护环境倡议书范文
2014/05/13 职场文书
2014年教师节讲话稿5篇
2014/09/10 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
农村结婚典礼主持词
2015/06/29 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
2016教师六五普法学习心得体会
2016/01/21 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers
python保存图片的四个常用方法
2022/02/28 Python
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技