点击右键，指向正确的表单

我正在尝试为以下任务使用MEAN堆栈。

我已经创build了几个工作正常的registry格。一个注册页面是index.html（它通过Angular加载了多个视图/标签，所以它们是多页面的），另一个是index2.html。
- 还有一个主要的网页，我已经创build了一个简单的页面，有公司的标志，名称和两个button。
点击每个button将引导您到不同的registry单（index.html或index2.html）。这最后的function是我有问题的地方。我如何将主页连接到不同的registry格？换句话说，当用户点击相应的button时，如何将用户redirect到正确的注册页面？我应该使用节点路由到正确的注册页面或使用angular路由？正如你所看到的，目前我正在尝试使用Angular Route，但我不确定这是否是正确的工具。任何帮助和方向将不胜感激。谢谢

这里是我的主页（home.html）的代码：

<html ng-app="myHome"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Home Page</title> <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css" /> <link rel="stylesheet" href"https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.min.css"/> <link rel="stylesheet" href="/css/redirect.css"/> <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"> </script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script><!--This is to call Angular JS--> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-route.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.min.js"></script> <script src="/js/redirect.js"></script> </head> <body> <div class="container"> <div class="row" id="rotate"> <div class="col-md-6 col-md-offset-3"> <img src="/css/Logo_75.png"> </div> </div> <div class="row"> <h1>WHAT TYPE OF QUOTE ARE YOU REQUESTING:</h1><br> <h1>DIGITAL OR SCREEN QUOTE?</h1> </div> <div class="row"> <div class="col-md-6 col-md-offset-3"> <button type="button" class="btn btn-success"><a href="#/digital">DIGITAL QUOTE</a></button> <button type="button" class="btn btn-success"><a href="#/screen">SCREEN QUOTE</a></button> </div> </div> </div> </body>

这是angularJS文件：

 var app = angular.module('myHome', [ngRoute]); .config(['$routeProvider', function($routeProvider) { $routeProvider. when('/digital', { templateUrl: '/index.html' }). when('/screen', { templateUrl: '/index2.html' }). otherwise({ redirectTo: '/home.html' }); }]);

其中index.html是“数字”选项的registry单，index2.html是“屏幕”选项的registry单。如果有人需要查看这些registry格的代码，请让我知道谢谢

你需要使用ng-view指令。改变你的容器看起来像这样

 <div class="container"> <div ng-view></div> </div>

把你在那里的内容放到模板index.html中，并将你的index.html重新命名为digital.html和index2.html，以screen.html来对应路由名称（这是一个build议，因为它使我很有道理）

并改变路由到这个

 var app = angular.module('myHome', [ngRoute]); .config(['$routeProvider', function($routeProvider) { $routeProvider .when('/', { templateUrl: '/index.html' }) .when('/digital', { templateUrl: '/digital.html' }) .when('/screen', { templateUrl: '/screen.html' }) .otherwise({ redirectTo: '/' }); }]);

点击右键，指向正确的表单

AngularJS从另一个数据模型访问数据模型

什么是ES6中的子模块？

angular2 npm开始重装很慢

显示基于特定loginID的button

有效的alphabetizes GET响应

如何让AngularJS检查和使用Rails后端的数据？

Heroku中的外部文件中的angular度路由

节点js作为http服务器和主机angularJS SPA

使用Nodemailer在Angular中创build联系人表单

angular度没有定义