How to correct child scope (ng-include) issue inside controller

Question

I have a form like below where i am loading an external template (sample.html) using ng-include ,

<div>
<form class="form-horizontal" ng-include src="'/src/sample.html'"></form>   
</div>
<div>
  <button type="submit" ng-click="submit()" translate>global.save</button>
</div>

My sample.html has few input fields. I have the same controller for both these files and i am loading the data for these files in that like below,

Restangular.one('fromAPIdata',id).get().then(function(data){
        $scope.formData=data;
    });

Now when i print $scope.formData in my form it is the same but when i print the same in sample.html most of the data are missing.

EDIT : And i came across an article about scope issues, that ng-include creates a new scope, StackOverflow Explanation

The problem solved when i used $parent.formData in my external template.

Is it possible to solve it in the controller instead of the template file. Any help will be great. Thanks in advance.

Can we see more of your code? ngInclude creates a child scope so it's possible some of the fields are bounded to properties on the child scope and not the parent scope. — Anthony Chu, Sep 05 '14 at 06:23
Yes you are correct , can i correct this scope issue in my controller? @AnthonyChu — Janaki Sathiyamurthy, Sep 05 '14 at 06:43
Need to see more of your code to understand what's happening. — Anthony Chu, Sep 05 '14 at 16:12

How to correct child scope (ng-include) issue inside controller

0 Answers0