10-指令ng-model-$scope
来源:互联网 发布:淘宝怎么修改旺旺名称 编辑:程序博客网 时间:2024/06/02 19:28
<!--可以定义多个controller--><!DOCTYPE html><html lang="en" ng-app='myApp'> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <div ng-controller="myCtrl1"> <h1>我来自controller1 {{name}}</h1> <h1>{{greeting}}</h1> <button ng-click='sayHello()'>点我,显示欢迎标语呀</button> </div> <div ng-controller="myCtrl2"> <h1>我来自controller2 {{name}}</h1> </div> <div ng-controller="myCtrl3"> <h1>我来自controller3的全局变量$rootScope, 我等于 {{age}}</h1> </div> <div ng-controller="myCtrl4"> <h1>我来自controller4</h1> <ul> <li ng-repeat="x in names">{{x}}</li> </ul> </div> </body> <script type="text/javascript"> var app = angular.module('myApp',[]); <!--定义controller1--> app.controller('myCtrl1',function($scope){ $scope.name='james'; $scope.sayHello = function(){ $scope.greeting='hello '+$scope.name+'!'; } }) <!--定义controller2--> app.controller('myCtrl2',function($scope){ $scope.name='james2'; }) <!--定义controller3--> app.controller('myCtrl3',function($scope,$rootScope ){ $scope.name='james3'; $rootScope.age=100; }) <!--定义controller4--> app.controller('myCtrl4',function($scope,$rootScope ){ $scope.names = ["Emil", "Tobias", "Linus"]; $rootScope.age=100; }) </script></html>
阅读全文
0 0
- 10-指令ng-model-$scope
- 指令:ng-model
- ng-model指令
- AngularJS ng-model 指令
- AngularJS ng-model 指令
- AngularJS ng-model 指令
- 04-指令ng-model
- AngularJS之ng-model指令
- ng-model指令使用场景
- angularJS-ng-model 指令.html
- 【AngularJS】ng-model-options指令
- angularJS的ng-model指令
- AngularJS中ng-app、ng-model、ng-bind、ng-init、ng-repeat、自定义指令
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- 06-指令ng-model双向绑定
- 百度地图支持坐标分析
- Android NDK编译c,c++源文件,实现JNI调用
- linux下如何编译c语言
- UEditor保存HTML到数据库及回显
- LVS系列—LVS的三种工作方式(NAT原理)(一)
- 10-指令ng-model-$scope
- The Doors
- pyton3 随机生成 数字和字母的验证码
- Ajax跨域请求保证同一个session的问题
- React.createClass和extends Component的区别
- 导入一个AndroidStudio工程作为一个Library Module
- POJ1696---Space Ant(基础计算几何:极角排序)
- 大文件sql导到本地数据库
- POJ