Ниже представлена моя структура проекта:
-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'
})
Теперь я хочу:
<li> <a href="/#/demourl"> <span>Link Test</span></a> </li>
и при нажатии Link Test выполняется некоторая операция и показана на html-странице view.html(присутствует в папке представлений).
Я смущен, как сделать этот шаг мудро, я хочу следовать структуре, определенной выше.
Пожалуйста, спросите или отредактируйте вопрос, если это необходимо, я уже запутался.
Добавить новый 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