Embedding Html page using Angular js
我是AngularJS的新手,我尝试使用AngularJS在引导模板的帮助下将HTML片段嵌入到HTML页面中。
这是我的index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <body > <!-- Page Content --> Starter Template <p class="lead">Complete with pre-defined file paths that you won't have to change! </p> <!-- /.row --> <!-- /.container --> <!-- jQuery Version 1.11.1 --> <script src="js/jquery.js"> <!-- Bootstrap Core JavaScript --> <script src="js/bootstrap.min.js"> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </body> |
这是我的manimenu.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <!-- Navigation --> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <!-- Brand and toggle get grouped for better mobile display --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Start Bootstrap <!-- Collect the nav links, forms, and other content for toggling --> <ul class="nav navbar-nav"> <li> About </li> <li> Services </li> <li> Contact </li> </ul> <!-- /.navbar-collapse --> <!-- /.container --> </nav> |
index.html和mainmenu.html都在同一个文件夹中。但是mainmenu.html没有显示在index.html中。如果有人知道,请帮我解决这个问题
您所缺少的只是模板引用的引号。如果没有引号,则将其作为表达式进行计算。
1 |
从文档中
角度表达式计算为url。如果源是字符串常量,请确保用单引号将其括起来,例如src="'myPartialTemplate.html'"。
。请尝试此操作或签出下面的链接
1 | http://stackoverflow.com/questions/13943471/angularjs-ng-include |