0

以下は私のプロジェクト構造です：

-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'
            })

今私が欲しいのは：

  1. 以下のようにindex.htmlにリンクを追加したい

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

リンクテストをクリックすると、いくつかの操作が実行され、html ページ view.html (ビューフォルダーにあります)に表示されます。

この段階をどのように行うか混乱しています。上記で定義された構造に従いたいと思います。

必要に応じて質問をするか編集してください。私はすでに混乱しています。

4

1 に答える 1

0

新しい状態を追加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を表示します

詳細については、このリンクを参照してください

于 2016-06-01T12:36:45.233 に答える