Angular1.63 绑定数据与继承
来源:互联网 发布:网络音乐地址 编辑:程序博客网 时间:2024/06/06 01:22
html 部分
<body ng-app="myapp">
<div ng-controller="asd">
<p><span ng-bind="firstName"></span></p>
</div>
<div ng-controller="qwe">
<p><span ng-bind="firstName"></span></p>
</div>
---------------------------------
script部分
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var app = angular.module("myapp", []);
app.controller('asd', function($scope) { //$scope数据 类似vue中的data
$scope.firstName = "John"; // 绑定数据 必须是$scope.xx=xx
$scope.lastName = "Doe"; })// 绑定数据
app.controller('qwe', function($scope) { //$scope数据 类似vue中的data
$scope.firstName = "zlt"; // 绑定数据 必须是$scope.xx=xx
$scope.lastName = "Doe"; })
---------------------
ng-controller 一个页面上可以有多个,还可以嵌套使用,存在父子关系
例如
<div ng-controller="asd">
<p><span ng-bind="firstName"></span></p>
<div ng-controller="qwe">
<p><span ng-bind="firstName"></span></p> ////john
</div>
</div>
嵌套了一个ng-controller="qwe"
---------------
<script type="text/javascript">
var app = angular.module("myapp", []);
app.controller('asd', function($scope) { //$scope数据 类似vue中的data
$scope.firstName = "John"; // 绑定数据 必须是$scope.xx=xx
$scope.lastName = "Doe"; })// 绑定数据
app.controller('qwe', function($scope) { //$scope数据 类似vue中的data
$scope.apple = "123123"; // 绑定数据 必须是$scope.xx=xx
$scope.apples = "543"; })// 绑定数据
</script>
子 ng-controller="qwe"的 ng-bind="firstName" 就是 父级的 john
-----------------------------
- Angular1.63 绑定数据与继承
- 简单实现 angular1.x 双向数据绑定
- Angular1
- angular1
- Angular2与Angular1的区别
- Angular1.x安装与配置
- repeater与数据绑定
- 【C++基础】 继承与动态绑定
- php--继承与延迟静态绑定
- C++ primer 继承与动态绑定
- 【Java学习笔记】继承,动态绑定与静态绑定
- Angular1.0与Vue的区别
- angular1与jquery结合使用注意项
- DataGrid与SQLServer2000数据绑定
- DataList数据绑定与分页
- DataView数据绑定与分页
- SimpleCursorAdapter类与数据绑定
- 主题样式与数据绑定
- 九、 通用工具 ----辅助函数
- MySQL的简单应用
- Spring Cloud Feign实例讲解
- Android图片加载框架最全解析(一),Glide的基本用法
- oracle 数据库12c 一个pdb进行delete操作,commit失败导致被锁,需要把会话杀掉
- Angular1.63 绑定数据与继承
- LightOJ 1205 Palindromic Numbers(数位dp)
- 背景图片自适应
- 游戏安全资讯精选2017年第五期:国际网络犯罪基础设施被曝光
- 九、 通用工具 ----class ratio<>
- 四十、vue中封装jsonp
- picture picker(选择多张本地图片,网格布局)
- Angular 点击事件
- 解决spark-redshift只能写不能读的问题