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 相关文章推荐
JavaScript写的一个自定义弹出式对话框代码
Jan 17 Javascript
JS 图片缩放效果代码
Jun 09 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
Jan 27 Javascript
js/jquery获取文本框输入焦点的方法
Mar 04 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
解决Vue不能检测数组或对象变动的问题
Feb 24 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 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
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
WebQQ最新登陆协议的用法
2014/12/22 PHP
php内存缓存实现方法
2015/01/24 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
JQuery的ON()方法支持的所有事件罗列
2015/02/28 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
2019/08/20 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
Vue使用Ref跨层级获取组件的步骤
2021/01/25 Vue.js
python re正则表达式模块(Regular Expression)
2014/07/16 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
校园创业策划书
2014/01/14 职场文书
货车司机岗位职责
2014/03/18 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
工会积极分子个人总结
2015/03/03 职场文书
盗窃罪辩护词范文
2015/05/21 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
MySQL视图概念以及相关应用
2022/04/19 MySQL