javascript - Error while including jsp with angular inside non angular jsp -


i included jsp angular directives (a.jsp) inside non-angular jsp(b.jsp).

if access a.jsp directly models "{{x}} {{y}}" resolving correctly

xvalue yvalue

but if access a.jsp through b.jsp seeing unresolved ng-model s.

{{x}} {{y}}

what reason?

my code:

inside b.jsp

<div id="bcontent" style="display:block;">                 <jsp:include page="/jsp/superqueue/a.jsp"/> </div> 

a.jsp

 <!doctype html> <meta http-equiv="x-ua-compatible" content="ie=9"> <%@ page contenttype="text/html;charset=utf-8" language="java" %>  <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">  <script type="text/javascript" src="<%=webroot%>/js/angular.min.js">   </script> <script type="text/javascript" src="<%=webroot%>/js/angular-sanitize.js">      </script> <link rel="stylesheet" href="css/a.css">  <script type="text/javascript" src="aapp.js"></script> <script type="text/javascript" src="actrl.js"></script> </head>  <body ng-app="aapp"> <div ng-controller="actrl">     <h1 class="a-title">{{x}} {{y}}</h1> </div>  </body> </html> 

a.jsp

<div ng-app="aapp"> <script type="text/javascript" src="<%=webroot%>/js/angular.min.js">   </script> <script type="text/javascript" src="<%=webroot%>/js/angular-sanitize.js">      </script> <link rel="stylesheet" href="css/a.css">  <script type="text/javascript" src="aapp.js"></script> <script type="text/javascript" src="actrl.js"></script> <div ng-controller="actrl">     <h1 class="a-title">{{x}} {{y}}</h1> </div> </div> 

and add meta tags of a.jsp b.jsp if not there


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -