zoukankan      html  css  js  c++  java
  • AngularJS模块

    方式一:

    <body ng-app="myApp">
    	<div ng-controller="myCtrl1">
    		<h1>{{say()}}</h1>
    		<h1>{{age}}</h1>
    	</div>
    	<div ng-controller="myCtrl2">
    		<h1>{{say()}}</h1>
    		<h1>{{age}}</h1>
    	</div>
    	<script>
    		// var app = angular.module('myApp');//获取一个模块
    		var app = angular.module('myApp', []);//创建一个模块
    		app.controller('myCtrl1',function ($scope, $rootScope) {//在模块中添加控制器
    			$scope.say = function () {
    				return '大家好,我是Handsome!';
    			}
    		});
    		app.controller('myCtrl2', ['$scope', '$rootScope', function (scope, rootScope) {
    			scope.say = function () {
    				return '大家好,我是Zhang!';
    			}
    			rootScope.age = 23;
    		}]);
    	</script>
    </body>
    

      方式二:

    <body ng-app="myApp">
    	<div ng-controller="myCtrl1">
    		<h1>{{say()}}</h1>
    		<h1>{{age}}</h1>
    	</div>
    	<div ng-controller="myCtrl2">
    		<h1>{{say()}}</h1>
    		<h1>{{age}}</h1>
    	</div>
    	<script>
    		angular.module('myApp', [])
    		.controller('myCtrl1', function ($scope, $rootScope) {
    			$scope.say = function () {
    				return '你好,我是Handsome!';
    			}
    		})
    		.controller('myCtrl2', ['$scope', '$rootScope', function (scope, rootScope) {
    			scope.say = function () {
    				return '你好,我是Zhang!';
    			}
    			rootScope.age = 22;
    		}]);
    	</script>
    </body>
    

      

  • 相关阅读:
    JavaScript 深入了解对象中的属性
    JavaScript 开发规范
    vue 项目接口管理
    放大镜特效
    多用户ATM机(面向对象编程)
    浏览器检查块代码
    js中innerHTML与innerText的用法与区别
    symbol访问法及symbor注册表
    最常用的15个前端表单验证JS正则表达式
    数组的遍历
  • 原文地址:https://www.cnblogs.com/handsomehan/p/6144414.html
Copyright © 2011-2022 走看看