我正在开发一个anuglar + nodejs应用程序,并遇到了这个问题。 我想设置以下网址映射:

  1. localhost:3000 / =>节点服务器在服务器端提供index.html,然后在客户端提供auglar部分视图index.html(在服务器端提供两个index.html,在客户端提供一个)localhost:3000 / signup = > angular routeProvider将部分视图signup.html提供到index.html中(ajax,因此无需重新加载)

  2. localhost:3000 / customerLoggedin =>节点服务器提供customerLoggedin.html,也许angular提供一些其他部分(页面重新加载)localhost:3000 / customerLoggedin / order-form => angular routeProvider提供部分视图order.html(ajax)

我有以下代码:

角边:

system.js:

angular.module('myApp.system').config(['$stateProvider', '$urlRouterProvider','$locationProvider',
        function($stateProvider, $urlRouterProvider,$locationProvider) {
            // For unmatched routes:
            $urlRouterProvider.otherwise('/');
            // states for my app
            $stateProvider.state('home', {
                    url: '/',
                    templateUrl: 'public/system/views/partials/index.html' // there are two index.html one on the server side (which is the layout) and one served by angular
                }).state('signup',{
                url:'/signup',
                    templateUrl:'public/system/views/partials/signup.html'
                }).state('payment',{
                    url:'/payment',
                    templateUrl:'public/system/views/partials/payment.html',
                    controller:'paymentCtrl'
                }).state('order',{
                    url:'/order-form',
                    templateUrl:'public/system/views/partials/order.html',
                    controller:'orderCtrl'
                });
        }
    ])

customerLoggedin.html:

   ...
   <a href='/order-form'><span>New Order</span></a>
   ...
   <section data-ui-view ng-view class='view-animate'/>
   ...

节点服务器上的路由:

module.exports = function(app){
    app.get('/customerLoggedIn',function(req,res){
        res.render('customerLoggedIn');
        });

        app.get('/',function(req,res){
        res.render('index');
        });

};

现在的问题是,当我点击customerLoggedin.html中的“新订单”链接时,angular给了我一个client-sdie index.html,它应该只显示在localhost:3000 / index.html中。 我希望有角将部分视图order.html放到customerLoggedin.html的ngview中

如何实现呢?

提前致谢

===============>>#1 票数:0

尝试ui-sref指令来触发状态更改,而不是指向url

<a ui-sref='order'>New Order</a>

  ask by Jeremy Huang translate from so

未解决问题?本站智能推荐:

1回复

AngularJS将路由路由到路径,而不是加载html页面

我只是用angular-seed制作一个基本的AngularJS应用程序,目前有: index.html app.js home / home.html home / home.js 现在,当我单击带有href =“ / home”的li项目Home时,
1回复

使用角度js进行路由

我的服务器使用angular进行路由。 我的服务器向浏览器发送一个HTML文件,其中包含带路由的js文件(使用angular js)。 我的服务器代码(发送到浏览器check.html包含路由文件main.js): check.html代码: 浏览器获取check.htm
1回复

为什么没有根请求获取更新的index.html

我正在开发一个有角度的应用程序。 每当我修改index.html时,对localhost:8000的请求都不会获取更新的index.html。 这是为什么? 我正在使用nodejs托管服务器。 假设请求将获得更新的index.html(例如包括一个新脚本),但我跳了很多遍,但没有发生任何
1回复

expressJS路由器规划-如何设置有效的路由器

我意识到这可能是一个非常简单的问题,但请耐心等待。 我真的是节点/表达的新手。 我的目录结构如下: 这里的想法是pub中的资源是公开可用的,但是auth中的资源仅在对用户进行身份验证之后才可用。 但是,在这一点上,我只是想让这些页面从服务器正确返回。 理想情况下,我的路由
1回复

AngularJS控制器未从路由的Templeturl中调用

我是angularjs的新手。 我正在尝试使用index.html,app.js,searchtable.html和searchtable.js制作应用程序。 的index.html <!DOCTYPE html> <html lang="en" ng-
1回复

如何根据多个URL,在多个URL上使用同一HTML页面,但一个变量的值取决于所查询的URL?

我有一个HTML页面,如下所示 目前,我正在对变量jsonOb的值进行硬编码。 对于不同的页面,除了jsonOb的值之外,整个HTML保持不变。 例如,如果我查询www.xyz.com/page1.html则值为jsonOb={"A":"B"}但对于www.xyz.com/page2
2回复

Javascript聊天室:如何确定向谁发送消息?

因此,我在聊天室中工作,因此,如果接收方是全部或全部广播,我将进行此工作,因此,如果您的名字是“ Sam”,它将发送“私人消息:”文本,但我不知道如何检查花名册用户名并将其仅私下发送给该用户。 我的js是: 和我的html和angular.js看起来像: 请帮忙
1回复

UI路由器未生成已检查所有选项的模板

我试图在Angular中使用ui-router在<ui-view></ui-view>生成具有多个模板的单个页面,但无法加载单个模板。 它只会显示一个空白页面,没有JavaScript错误,即使导航栏也不会出现。 我在堆栈上经历了很多关于此的问题,但是即使应用他们
1回复

如何在AngularJS 1.5中实时同时发现页面/路由上的ppl数量

我不知道从哪里开始。 我想实时显示同时观看页面/路线的人数。 让我给你举个例子: 您目前正在阅读此问题,但您不是唯一的一个人,许多其他人也正在他们的浏览器中打开此页面。 我想实时找到该号码。 我怎样才能做到这一点? 我想这是前端和后端的组合。 以防万一我端到端使用JS堆
1回复

从节点获取响应时,Angular JS路由中提供的TemplateURL不会加载所需的文件

我试图使用node(routes.js)从mysql获取数据,并希望将结果注入club.html文件中,该文件使用ng-view在index.html中动态更新。 但是当我尝试这种情况时,我看到节点响应(即包含结果的json)直接显示在浏览器上,而不是注入club.html然后显示 以下