Question

以下是我的项目结构：

-modules
  --> mymodule
     -->controllers
     -->services
     -->views
     -->mymod.js
-app-route.js
-index.html

其中

mymod.js：

'use strict';
angular.module('mymodule',[
   'myController.controllers',
   'myController.services'
]);

和app-route.js：

var myApp = angular.module('myApp', ['ngRoute', 'ui.router' ,'ngCookies', 'myModule', 'homeModule', 'app-custom-filters'
    ,'interceptor-ctrl', 'config'
    ]);

$urlRouterProvider.otherwise('/login');

        $stateProvider

            .state("addition", {
                url: "/addition",
                templateUrl: 'modules/views/show.html',
                controller: 'demoCtrl'
            })

现在我想要的是：

我想在 index.html 中添加一个链接，如下所示

<li> <a href="/#/demourl"> <span>Link Test</span></a> </li>

点击链接测试，我们会完成一些操作并在html页面上显示view.html（显示在视图文件夹中。）

我很困惑如何做到这一步，我想遵循上面定义的结构。

如果需要，请询问或编辑问题，我已经搞砸了。

Answer 1

添加新状态demourl

$stateProvider

            .state("addition", {
                url: "/addition",
                templateUrl: 'modules/views/show.html',
                controller: 'demoCtrl'
            })
            .state("demourl", {
                url: "/demourl",
                templateUrl: 'modules/views/view.html',
                controller: 'viewCtrl'
            });

在index.html中，

<li> <a ui-sref="demourl"> <span>Link Test</span></a> </li>

ui-sref="demourl"它会将用户重定向到demourl州。

demourl州将显示view.html

Refer this link for more details

angularJS与stateprovider的工作流程

1 个答案: