zoukankan      html  css  js  c++  java
  • AngularJS基于MVC的复杂操作案例

    AngularJS基于MVC的复杂操作案例

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="UTF-8">
     5         <title>AngularJS基于MVC的复杂操作案例</title>
     6         <script type="text/javascript" src="../js/angular.min.js"></script>
     7     </head>
     8     <body>
     9         <!--ng-app="myapp"定义了一个模块-->
    10         <div ng-app="myapp" ng-controller="myctrl">
    11             <div>
    12                 <!--ng-model模型作用-->
    13                 <input type="text" name="name" ng-model="name" />
    14                 <!--提供按钮-->
    15                 <input type="button" value="清空" ng-click="clearVal()" />
    16             </div>
    17             <div>
    18                 <!--{{}}等价于ng-bind用于数据显示-->
    19                 hello,{{name}}
    20             </div>
    21         </div>
    22     </body>
    23     <script type="text/javascript">
    24         //初始化myapp模块
    25         var myapp = angular.module("myapp",[]);
    26         //定义模块的控制器
    27         //依赖注入,$scope作用域对象,操作当前作用域视图
    28         myapp.controller("myctrl",["$scope",function($scope){
    29             //对模型进行初始化赋值
    30             $scope.name = "你我他学习吧";
    31             //在作用域提供clearVal点击事件
    32             $scope.clearVal = function(){
    33                 //模型设置为空
    34                 $scope.name = "";//清空输入框内容
    35             }
    36         }]);
    37     </script>
    38 </html>
  • 相关阅读:
    ES 2016+
    git-svn for mac
    Linux系统下安装rz/sz命令及使用说明
    Nginx location指令匹配顺序规则
    nginx修改配置后不生效的问题
    ssh and scp从远程服务器下载文件
    安装yii2 框架遇到的问题
    php添加openssl扩展
    GitHub Token for composer
    centos7+nginx+php+mysql环境搭建
  • 原文地址:https://www.cnblogs.com/niwotaxuexiba/p/8119502.html
Copyright © 2011-2022 走看看