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

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

Теперь то, что я хочу, это:

1. Я хочу добавить ссылку в index.html, как показано ниже

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

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

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

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

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

Обратитесь по этой ссылке для более подробной информации