angularJS-Scope 概述
来源:互联网 发布:开淘宝网店进货渠道 编辑:程序博客网 时间:2024/06/05 19:35
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
<h1>{{greeting}}</h1>
<button ng-click='sayHello()'>点我</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "Runoob";
$scope.sayHello = function() {
$scope.greeting = 'Hello ' + $scope.name + '!';
};
});
</script>
<p>当你修改输入框中的值时,会影响到模型(model),当然也会影响到控制器对应的属性值。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
<h1>{{greeting}}</h1>
<button ng-click='sayHello()'>点我</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "Runoob";
$scope.sayHello = function() {
$scope.greeting = 'Hello ' + $scope.name + '!';
};
});
</script>
<p>当你修改输入框中的值时,会影响到模型(model),当然也会影响到控制器对应的属性值。</p>
</body>
</html>
0 0
- angularJS-Scope 概述
- AngularJS scope
- AngularJs--Scope
- AngularJS: $scope
- AngularJS 中的scope($scope)
- Angularjs中scope与$scope
- AngularJs学习笔记--Scope
- angularjs $scope.$apply()
- AngularJS and scope.$apply
- AngularJS中$scope用法
- angularjs基础—scope
- AngularJS 的 Scope
- AngularJs学习笔记--Scope
- AngularJS Scope(作用域)
- AngularJS scope destroy 详解
- AngularJS Scope(作用域)
- Angularjs Scope 详解
- AngularJS Scope 继承解析
- P2279 [HNOI2003]消防局的设立
- angularJS12-ng-repeat 指令用在一个对象数组上
- 最小乘车费用-SSL 1643
- 2013年第四届蓝桥杯C/C++B组真题训练(一,2017.3.3)
- #define定义宏的用法
- angularJS-Scope 概述
- LeetCode240. Search a 2D Matrix II题解
- 图解HTTP读书笔记1
- [BZOJ1242][Zju1015 Fishing Net弦图判定][完美消除序列]
- JZOJ3601. 【广州市选2014】Tree
- 详解T-SQL的联接机制
- Dubbo学习笔记(五)------DubboProtocol理解之Refer
- angularJS-创建自定义的指令
- 树莓派3B安装影音系统OSMC