在$scope中变量和方法的使用

最新推荐文章于 2021-02-07 17:41:40 发布
最新推荐文章于 2021-02-07 17:41:40 发布
阅读量373 收藏
点赞数
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/yedushusheng/p/5524234.html
版权

代码：

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

})

　　

转载于:https://www.cnblogs.com/yedushusheng/p/5524234.html

weixin_30362801
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AnjularJS中$scope和$rootScope的区别小结
11-23
一句话总结：  $rootScope针对全局的作用域生效  $scope只针对当前的controller...oneController传入$scope和$rootScope myApp.controller('oneController', ['$scope', '$rootScope', function ($scope, $rootS
fixtrue基础之scope参数
Meryoufdd的博客
08-05 694
scope="module" 只会在模块开始执行测试方法之前执行一次，测试方法全部执行完之后执行一次（共1次输出setUp、tearDown）+ 2.2 跳转到fixture方法的位置时，就可以看到scope参数了，它有默认值function，英文好的朋友可以继续看下面的注释。"class"和"package/session"与上述用法原理一样，不再重复举例，伤大家眼睛。之前执行一次，每个测试方法部执行完之后再执行一次 （共2次输出setUp、tearDown）module：一个 .py 文件执行一次。..
fixture使用案例scope=“function“
公子清羽的博客
09-09 1027
importpytest #fixture(scope="function",params=None,autouse=False,ids=None,name=None): #@pytest.fixture()如果不写参数，默认就是scope="function"，它的作用范围是每个测试用例来之前运行一次 #如果autouse为True，则为所有测试直接激活fixture，无需往每个函数传入fixture就可以调用它。如果为False（默认值），则需要往测试函数传入fixture标记...
关于AngularJS学习整理---浅谈$scope(作用域) 新手必备！
weixin_33916256的博客
02-16 768
　　作为初次接触 AngularJS的新手，想要深层理解里面的内容短时间还是不可能的，所以标题写了浅谈字样，以下内容是参考各位大神以及相关书籍整理加个人理解，出现错误的地方请大家指正。 　　$scope(作用域)，为AngularJS中MVC的核心，整理起来很麻烦， 看着大神们发的一些文章对于$scope的理解，有些方面还是看不懂，作为新手，应该站在新手的位置上去思考，所以这篇文章的目的，...
$scope.点后面的内容
时间(实践)是检验真理的唯一标准
05-31 1541
$scope.brandList=JSON.parse(response.brandIds);//品牌数据 ng-options="item.id as item.text for item in brandList"     $scope.typeTemplate=response;//获取类型模 $scope.typeTemplate.brandIds= JSO...
AngularJS中监视Scope变量以及外部调用Scope方法
10-22
在AngularJS中，有时候需要监视Scope中的某个变量，因为变量的改变会影响一些界面元素的显示，接下来通过本文给大家介绍AngularJS中监视Scope变量以及外部调用Scope方法，需要的朋友参考下吧
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
10-22
主要介绍了AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值的相关资料,本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
Angular中$broadcast和$emit的使用方法详解
12-09
要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递，同时使用$on来接收事件并作出响应。 broadcast译为广播，即上级传递下级。 示例代码： [removed][removed] [removed] angular....
AngularJS Scope(作用域)
weixin_30726161的博客
03-22 86
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 如何使用 Scope 当你在 AngularJS 创建控制器时，你可以将$scope对象当作一个参数传递: AngularJS 实例 当在控制器中添加$scope对象时，视...
使用angular-ui-sortable实现可拖拽排序列表
热门推荐
justforuse的博客
10-12 1万+
项目需求，添加列表可拖拽排序功能，谷歌了一下，找到一个Angular的插件：angular-ui-sortable，项目地址：https://github.com/angular-ui/ui-sortable需要在之前引入jquery，和jquery-ui，否则无法使用。我们要做的事情，加载数据，拖拽排序并输出当前顺序：js代码：<script src="../../jquery.js"></scr
Angular项目中$scope.$apply()方法的使用详解
weixin_53777231的博客
02-07 3068
前言 相信大家在一开始用angular做项目的时候，一定碰到过$scope.$apply()方法，表面上看，这像是一个帮助你进行数据更新的方法，那么，它为何存在，我们又该如何使用它呢? JavaScript执行顺序 JavaScript单线程操作，代码按照代码片段的顺序来之行，每个代码块从运行到结束都不会被打断，这也是为什么会发生浏览器阻塞的情况，往往是有一部分在运行，而导致其他所有的代码段冻结。 每当有耗费时间较多的任务出现，例如等待一个click事件，等待Ajax请求的回应，我们都会设定一个回调
动态添加的dom方法，调用angular中$scope方法
黄彪博客
09-07 1992
由于jquery的操作简单，大部分人对其比较熟悉，因此，很容易实现动态的添加代码。 然而，动态添加的HTML代码，是没有被angular“编译”处理的，因此，动态添加的代码中的事件不一定被angular认识，那么，我们怎么操作能让$scope认识其定义的方法呢   代码如下：   jquery add html     /** * 创建了一个indexContr
AngularJS中$scope用法
jspshuishui的专栏
07-15 1368
​$scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文. $scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同样的 $scope 发生改变时也会立刻重新渲染视图.  
浅析AngularJS中的$scope.$apply
boyzhoulin的专栏
08-25 2258
本博文是基于http://jimhoskins.com/2012/12/17/angularjs-and-apply.html的
[转]AngularJS Directive 隔离 Scope 数据交互
yuanyuanhe的专栏
09-19 582
AngularJS 的 directive 默认能共享父 scope 中定义的属性，例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive 功能。当你需要创建一个可重复使用的 directive，只是偶尔需要访问或者修改父 scope 的数据，就需要使用隔离 scope。当使用隔离 scope 的时候，directive 会创建一个没有依赖父 scope 的 scope，并提供一些访问父 scope 的方式。
angular 手动刷新值 $scope.$apply()
LYBWWP
09-01 837
if (!$scope.$$phase && !$scope.$root.$$phase) { //脏值检测 $scope.$apply(); } 开始用angular做项目的时候，一定碰到过$scope.$apply()方法，表面上看，这像是一个帮助你进行数据更新的方法，那么，它为何存在，我们又该如何使用它呢。 　　JavaScript执行顺序 　　JavaScript单线程操作，代码按照代码片段的...
JavaScript的function获取AngularJS的$scope对象
全幼稚园最可爱
09-06 1553
AngularJS声明controllerapp.controller('businessCtrl', function($scope, $http) { ...... ...... });JavaScript的function获取AngularJS的$scope对象var appElement = document.querySelector("[ng-controller=bus
$scope.$apply()
最新发布
06-13
$scope.$apply() 是 AngularJS 框架中的一个方法，它用于手动...在上面的代码中，当按钮被点击时，数据模型中的 $scope.count 变量会加 1，并通过 $scope.$apply() 方法来手动触发数据绑定机制，更新视图中的计数器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值