after surfing for more than 2 hours and couldn't achieve the goal finally decided to paste the problem here , the problem i am facing that is cross browsing problem , the html document which i am rendering through angular js working fine in chrome and safari but firefox is not showing any thing i am sharing my route code
var postModule = angular.module('postingModules',['postingControllers']);
postModule.config(function($routeProvider)
{
$routeProvider
.when('/', {
controller : 'postingContOnLoad',
templateUrl : '/angularpostform.html'
})
.when('/demo',{
controller : 'postingContOnLoad',
templateUrl : '/views/testingDemo.html'
})
.otherwise({redirectTo: '/'});
});
and the div in which the html document is rendering
<div data-ng-view=""></div>
The output of chrome and safari browser.
<div data-ng-view=""><form class="form-horizontal ng-scope ng-pristine ng-valid" name="doBoxForm" id="dobox-form">WHOLE CONTENT</form></div>
Where as for Firefox:
<div data-ng-view=""></div> //Empty div nothing inside