in Nested Div you can call child function to call parent
this structure is a kind of java extend
<body ng-controller="MainCtrl">
<div ng-controller="ChildCtrl">
<!--because the ChildCtrl's $scope inherits from its parent $scope,
properties and methods of both are available in my view-->
<p>Hello {{firstName}} {{surname}}!</p>
<p>Meaning of Life is {{addOne(41)}}.</p>
<p ng-click='callP()'>Studies have shown {{multiplyByOneHundred(6/10)}}% of beginners are confused about inheritance.</p>
</div>
</body>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.firstName = 'Harvey';
$scope.addOne = function(number){
return number + 1;
}
$scope.show = function(number){
alert('show2');
}
});
app.controller('ChildCtrl', function($scope) {
$scope.surname = 'Man..fren..gen..sen';
$scope.multiplyByOneHundred = function(number){
return number * 100;
}
$scope.callP = function(){
$scope.$parent.show();
}
$scope.show = function(number){
alert('show1');
}
});
No comments:
Post a Comment