Angular——作用域
2024-09-06 08:07:22
基本介绍
应用App是无法嵌套的,但是controller是可以嵌套的,每个controller都会对应一个模型(model)也就是$scope对象,不同层级的controller下的$scope遍产生了作用域
基本使用
根作用域:作用范围是整个应用(ng-app所在标签中)都是可以被访问的,使用的时候可以借助ng-init创建属性
子作用域:存在于controller中,嵌套中在其他controller中的controller可以访问,上层的属性
<!DOCTYPE html>
<html lang="en" ng-app="App" ng-init="name='祖宗'">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../libs/angular.min.js"></script>
</head>
<body>
<div ng-controller="ParentController">
<div ng-controller="ChildController">
<span>{{name}}</span>
</div>
</div>
<script>
var App = angular.module('App', []);
App.controller('ParentController', ['$scope', function ($scope) {
// $scope.name = '父母';
}]);
App.controller('ChildController', ['$scope', function ($scope) {
// $scope.name = '儿子';
}]);
// ng-init="name='祖宗'"==》相当于创建了一个全局变量 $scope.name='祖宗'
// 子作用域可以访问父作用域
</script>
</body>
</html>
最新文章
- moffiestyle
- vs2015 无法启动IIS Express Web服务器
- linux下使用ffmpeg将amr转成mp3
- 本地blast用法
- jquery简单动画
- 如何使用Linux通用后门(转zafe)
- Node 之 Express 学习笔记 第一篇 安装
- Windows设置VMware开机自动启动,虚拟机也启动
- Routing in ASP.NET Core
- linux grep 从入门到精通
- Selenium+PhantomJS实现简易有道翻译爬虫
- 如果固定电脑ip地址
- (自用 )npm --save和--save-dev区别
- Flutter 中 JSON 解析
- vue 导航栏切换
- MATLAB常微分方程的数值解法
- java线程状态和获取线程基本信息
- SkylineGlobe 邻近度(Proximity)分析JavaScript源代码
- E - Cup
- python 常用的高阶函数