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
Post a Comment