关于javascript:使用Angular js嵌入Html页面

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