Javascript 带角度js的布线_Javascript_Jquery_Html_Angularjs_Node.js

Javascript 带角度js的布线

javascript jquery html angularjs node.js

Javascript 带角度js的布线,javascript,jquery,html,angularjs,node.js,Javascript,Jquery,Html,Angularjs,Node.js,我的服务器使用angular进行路由。我的服务器向浏览器发送一个HTML文件，其中包含带路由的js文件（使用angular js）我的服务器代码（发送到浏览器check.html包含路由文件main.js）： check.html代码： <html data-ng-app="myApp"> <head> <script type="text/javascript" src="jquery.js"></script>

我的服务器使用angular进行路由。我的服务器向浏览器发送一个HTML文件，其中包含带路由的js文件（使用angular js）

我的服务器代码（发送到浏览器check.html包含路由文件main.js）：

check.html代码：

<html data-ng-app="myApp">
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="angular.js"></script>
        <script type="text/javascript" src="angular-route.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
    </body>
</html>

<html>
<head>
</head>
<body>
    <div>
        <p>{{check.name}}</p>
    </div>
</body>
</html>

check2.html代码：

<html data-ng-app="myApp">
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="angular.js"></script>
        <script type="text/javascript" src="angular-route.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
    </body>
</html>

<html>
<head>
</head>
<body>
    <div>
        <p>{{check.name}}</p>
    </div>
</body>
</html>


{{check.name}

好的，让我们从新开始

角度101 您可能知道angular对于单页应用程序是必不可少的，因此在您的情况下，您提供的第一个页面是

check.html

，但您应该将其命名为

index.html

，这是一种惯例。凯尔。。当

路由

转换发生在角度代码中，而角度代码是在

之后，这纯粹是客户端或软重定向。因此angular发出一个AJAX请求，从路由器检索与您的

模板URL

匹配的资源。然后将其插入

中，从而实现重定向。请注意

ng视图

下面是建议的解决方案当角度匹配处理

之后的路线时，链接应为。其他路由（如您提供的链接）将交给

服务器
您的check.html
应该如下所示
<html data-ng-app="myApp">
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="angular.js"></script>
        <script type="text/javascript" src="angular-route.js"></script>
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
        <div ng-view></div>
    </body>
</html>

控制台告诉你什么？并检查.js文件是否包含真正的html内容，而不是检查的内容。html@GalSosin在刚接触angular时，将服务器端和客户端混合使用是一种常见的误解
<div>
   <p>{{check.name}}</p>
</div>