Рабочий поток angularJS с stateprovider

Question

Ниже моя структура проекта:

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

где

mymod.js:

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

и приложение-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-странице .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