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

2019-11-19 14:37:17

字体：大中小

来源：转载

供稿：网友

实例如下：

<!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的复杂操作实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：简单谈谈CommonsChunkPlugin抽取公共模块

下一篇：jQuery实现页码跳转式动态数据分页