zoukankan      html  css  js  c++  java
  • 在$scope中变量和方法的使用

    代码:

    angularjs.html
    
    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>AngualrJS进阶</title> 
    <link rel="stylesheet" type="text/css" href="css/foundation.css">
    </head>
    <body style="padding:10px;" ng-app="app">
    <div ng-controller="MyCtrl">
    <input type="text"ng-model="msg">
    <h1>{{msg}}</h1>
    <br>
    <h1>{{reverse()}}</h1>
    <!--调用方法,注意这里要加括号-->
    </div>
    <div ng-controller="MyCtrl">
    <input type="text" ng-model="user.name"><br><br>
    <input type="text" ng-model="user.pwd"><br><br>
    <div ng-click="login()">登录</div>
    <div ng-show="errormsg.length>0">{{errormsg}}</div>
    <!--当errormsg长度大于0的时候显示出来-->
    </div>
    </body>
    <script type="text/javascript" src="js/angular.js"></script>
    <script type="text/javascript" src="js/myctrl.js"></script>
    </html>
    myctrl.js
    
    angular.module('app',[])
    .controller('MyCtrl',function($scope){
    	$scope.msg="";
    	$scope.reverse=function(){
    		return $scope.msg.split("").reverse().join("");
    		<!--对输入进行反转-->
    	}
    
    	$scope.user={name:'',pwd:''};
    	$scope.errormsg="";
    	<!--需要先定义,否则会报错-->
    	$scope.login=function(){
    		if($scope.user.name=="admin" && $scope.user.pwd=="123"){
    			alert("登录成功");
    		}
    		else{
    			alert("用户名或密码错误");
    		}
    	}
    
    })
    

      

  • 相关阅读:
    h264 流、帧结构
    H264 帧结构分析、帧判断
    sigaction
    sigaction 用法实例
    sigaction函数的使用
    linux c 之signal 和sigaction区别
    linux 信号signal和sigaction理解
    Hamcrest使用
    Junit4中的新断言assertThat的使用方法
    Hamcrest Tutorial
  • 原文地址:https://www.cnblogs.com/yedushusheng/p/5524234.html
Copyright © 2011-2022 走看看