AngularJS-Index Page

Index Page.


<div style="border: 1px solid">
<!-- Create Header -->
    <div id="header" class="header">
        <div ng-include src="'menu.html'" ng-controller="con_emp"></div>
    </div>
<!-- Create Left Panel-->
    <div style="height:550px" >
        <div id="left"    class="left">
            <div ng-include src="'left_panel.html'"></div>
        </div>
<!-- Create View to show Pages in center of screen -->
        <div id="center"  class="centerr"  >
           <div ng-view></div>
            <script type = "text/ng-template" id = "index.html">
                <h1>Index Page</h1>
                <p>{{message}}</p>
            </script>
            <script type = "text/ng-template" id = "page1.html">
                <div ng-include="'./page1.html'"></div>
            </script>
            <script type = "text/ng-template" id = "page2.html">
                <div ng-include="'./page2.html'"></div>
            </script>
            <script type = "text/ng-template" id = "home.html">
                <div ng-include="'./home.html'"></div>
            </script>
            <script type = "text/ng-template" id = "items.html">
                <div ng-include="'./items.html'"></div>
                <div ng-include="'./seller.html'" ng-controller="con_seller" ></div>
            </script>
             <script type = "text/ng-template" id = "cart.html">
                <div ng-include="'./cart.html'" ng-controller="con_cart" ></div>
            </script>
             <script type = "text/ng-template" id = "track.html">
                <div ng-include="'./tracking.html'"  ></div>
            </script>
             <script type = "text/ng-template" id = "bar1.html">
                <div ng-include="'./bar1.html'"  ></div>
            </script>
        </div>
<!-- Create Right Panel -->
        <div id="right"   class="right"  >
            <div ng-include src="'right_panel.html'"></div>
        </div>
        </div>
<!-- Create Footer -->
    <div id="footer" class="footer">
        <div ng-include src="'footer.html'"></div>
    </div>
</div>
</body>
</HTML>

No comments:

Post a Comment