发表于： 2017-01-16 02:11:34
1 1357
今天完成的进度：
收获：学习angular指令
<input type="text" ng-model="person.name"/>
<div ng-switch on="person.name"> // on 与when一起使用 当person.name为陈奭时 <h1>会显示出来
<p ng-switch-default>adn th is is </p> 在switch被调用前 -default为
<h1 ng-switch-when="陈奭">123</h1>
<button ng-click="parent()">parent</button>
<div ng-controller="child">
<button ng-click="child()">child</button>
{{value}}
</div>
</div>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
template : "<h1>自定义指令!</h1>"
};
});
angular.module('myApp')
.controller('parent',function($scope){
$scope.value='123'
$scope.parent=function(){
$scope.value= '123parent'
}
})
angular.module('myApp')
.controller('child',function($scope){
$scope.child=function(){
$scope.value= '123child'
}
})
没点击之前
点击parent时 父级对象会同时改变子对象的值
点击child时只改变了自己的value 父级不受影响
先点击child再点击parent child不受影响说明子控制器是复制value 而不是引用
下面再来试试对象属性改变
<div ng-controller="parent">{{value}}
<button ng-click="parent()">parent</button>
{{total.value}}
<div ng-controller="child">
<button ng-click="child()">child</button>
{{total.value}}
</div>
</div>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
return {
template : "<h1>自定义指令!</h1>"
};
});
angular.module('myApp')
.controller('parent',function($scope){
$scope.total={
value:'123'
}
$scope.parent=function(){
$scope.total.value= '123parent'
}
})
angular.module('myApp')
.controller('child',function($scope){
$scope.child=function(){
$scope.total.value= '123child'
}
})
只要改变了对象的属性无论是父级还是子级都会改变 说明是引用复制
返回列表
评论