CODEWITHSUNDEEP
angularjs
vipin
vipin

Reputation: 678

AngularJS: ng-app inside ng-include

I have a template like this.

<body ng-app="demo" ng-controller="demo">
  <div ng-include="/main.html">
  </div>
</body>

And the main.html is.

<div ng-app="main" ng-controller="main>
  ""
</div>

here is the js.

JS-1

var myapp = angular.module('demo', []);
myapp.controller('demo', function($scope,$routeParams, $route,$http) {
$scope.variable="444"
})

JS-2

var mainapp = angular.module('mainapp', []);
myapp.controller('main', function($scope,$routeParams, $route,$http) {

})

Is it possible to access the scope of JS-1 inside JS-2?, if yes how, if no is there any solution to this.Thanks.

Upvotes: 1

Views: 769

Answers (1)

krzysiek.ste
krzysiek.ste

Reputation: 2276

It depend what you want to do. If you want read $scope.variable variable from JS-1, you should see it in JS-2 $scope. If you want modify $scope.variable form JS-1, you should create method in JS-1:

$scope.changes = function(data){
        $scope.variable = data;
}

This method also should be available in JS-2 $scope.

This isn't nice solution but should work. The best solution is to create service which will provide operations on JS-1 fields.

Upvotes: 1

Related Questions