Рабочий процесс angularJS с государственным провайдером

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>

и при нажатии Link Test выполняется некоторая операция и показана на html-странице view.html(присутствует в папке представлений).

Я смущен, как сделать этот шаг мудро, я хочу следовать структуре, определенной выше.

Пожалуйста, спросите или отредактируйте вопрос, если это необходимо, я уже запутался.

  • 0
    Какая конкретная часть вас смущает? У вас уже есть один настроенный маршрут, почему добавление другого может быть другим?
  • 0
    Маршрутизация является лишь примером, я хочу, чтобы это было изменено в зависимости от структуры. + Я запутался в рабочем процессе, после добавления ссылки, что мне нужно сделать с этими контроллерами, сервисами и представлениями по маршруту. @charlietfl
Показать ещё 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

См. Эту ссылку для получения более подробной информации.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню