代码：

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("用户名或密码错误");

		}

	}

})

　　

在$scope中变量和方法的使用的更多相关文章

  1. 在前台jsp页面中取得并使用后台放入域中变量的方法

    定义成 js变量后,在js中也可以自由使用.

  2. PHP 获取js中变量的方法

    留作笔记 <php? $aaa="<script>document.write(1)</script>"; echo $aaa; ?> 其中数字 ...

  3. c#中不同类中变量的引用方法

    (1)如果两个类没有继承关系,存取另一个类中变量的方法如下: public class A { // 注意: // Count是静态变量(static),称为类变量.类变量无需实例化即可使用 publ ...

  4. 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数

    [问题]Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数. [解决]直接对变量加引号,如: <button onclick="deleteProduct('@ ...

  5. JavaScript 中的变量命名方法

    三种命名方法 在程序语言中,通常使用的变量命名方法有三种:骆驼命名法(CamelCase),帕斯卡命名法(PascalCase)和匈牙利命名法. 依靠单词的大小写拼写复合词的做法,叫做"骆驼 ...

  6. java中的反射机制，以及如何通过反射获取一个类的构造方法 ，成员变量，方法，详细。。

    首先先说一下类的加载,流程.只有明确了类这个对象的存在才可以更好的理解反射的原因,以及反射的机制. 一.  类的加载 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过加载,连接,初始化三 ...

  7. (转)DedeCms Runphp 标签中调用其他变量的方法

    DedeCms Runphp 标签中调用其他变量的方法 我们都知道,在DedeCMS中是可以使用PHP的,常见的方法就是if else了,例如模板制作中,我们需要对来源和作者进行判断,如果为空,则提示 ...

  8. [Java] 继承中，父类被覆盖的成员变量、方法的可访问性

    在 Java 的继承机制里,在子类内部,可以访问父类被覆盖的变量和方法:在子类外部,可以访问父类的被覆盖变量,但是不能访问父类的被覆盖方法. 父类中被覆盖的方法不能在外部被方法,这是出于封装的考虑. ...

  9. ES6中6种声明变量的方法

    相关阅读:http://es6.ruanyifeng.com/#docs/let 相关阅读:https://www.cnblogs.com/ksl666/p/5944718.html 相关阅读:htt ...

随机推荐

  1. Palindromic Substrings

    Given a string, your task is to count how many palindromic substrings in this string. The substrings ...

  2. python中super函数的参考

    https://rhettinger.wordpress.com/2011/05/26/super-considered-super/ http://wiki.jikexueyuan.com/proj ...

  3. Django基础之模型层(下)

    聚合查询 关键字:aggregate from django.db.models import Max,Min,Sum,Count,Avg 统计所有书的平均价格 models.Book.objects ...

  4. django 中实现文件下载的3种方式

    方法一:使用HttpResponse from django.shortcuts import HttpResponse def file_down(request): file=open('/hom ...

  5. Pornhub Web 开发者访谈

    原文:Interview with a Pornhub Web Developer 译者:neal1991 welcome to star my articles-translator, provid ...

  6. 多Y轴，下拉框渲染，相同类型不同数据

    放上json文件: { "2017年3月": { "outKou": "5525.86", "inKou": " ...

  7. LaTeX的tasks宏包

    tasks 宏包 LaTeX的列表(list)通常是将项(item,条目)一个一个垂直的平行显示,所谓"列"表的由来. 水平分列列表,即将多个项分散到各列而不是一列,在出考卷的选择 ...

  8. Navicat安装、使用教程

    下载地址:Navicat的安装包及破解文件 一. Navicat安装 Navicat既可安装在服务器端,也可以安装在客户端.安装在服务器端,导入数据时可使用默认用户,也可以使用远程用户:安装在客户端, ...

  9. 单节点oracle、ASM 详细安装步骤

    目录 1.安装环境 2.系统要求 2.1 Linux安装Oracle系统要求 1.查看RAM和交换空间以及磁盘大小 2.检查所需软件包 3.配置host和主机名 2.2修改操作系统核心参数 1.创建相 ...

  10. 可靠的TCP连接为何是三次握手和四次挥手

    首先,咱们先来熟悉下经典的tcp/ip模型. tcp/ip 模型为了方便使用,将osi七层模型划分成了四层,分别为网络接口层,网络层,传输层,应用层. 他们作用分别为: 1)网络接口层:主要作用是将i ...