Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   ui.router не показывает ошибки в консоли, но не работает ссылка (https://javascript.ru/forum/angular/71109-ui-router-ne-pokazyvaet-oshibki-v-konsoli-no-ne-rabotaet-ssylka.html)

Djambulat 26.10.2017 16:35
ui.router не показывает ошибки в консоли, но не работает ссылка
 
Добрый день.
Не могу понять почему у меня не раьотает код. На консоли ошибок нет но не работает ссылка...
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My HTML File</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="style.css" rel="stylesheet">

    <script src="angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>
    <script src="js/app.js"></script>
  </head>

  <body ng-app="app">
  	<a href="#/home">asdf</a>
	  	<ui-view>

	  	</ui-view>
</body>
</html>




var app = angular.module("app", ['ui.router']);

app.config(['$stateProvider', function($stateProvider) {
		$stateProvider.state('firstMessage', {
				url: "/home.html",
				template: '<p>asdfasdfsad</p>'
			});
}]);

ruslan_mart 26.10.2017 16:37
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Djambulat 26.10.2017 16:41
Все сделал, а помочь не сможете?

destus 26.10.2017 19:40 
<a ui-sref="firstMessage">asdf</a>

Ну и в stateProvider в url не home.html, а просто /home.

Djambulat 27.10.2017 17:07
Ничего не поменялось....

destus 27.10.2017 17:50
Да ну, не верю. А если так
$stateProvider.state({
                name: 'firstMessage', 
                url: "/home",
                template: '<p>asdfasdfsad</p>'
            });

рони 27.10.2017 18:01
:-? 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My HTML File</title>
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="style.css" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>
    <script>
var app = angular.module("app", ['ui.router']);

app.config(['$stateProvider', function($stateProvider) {
    $stateProvider.state('firstMessage', {
        url: "/home",
        template: '<p>asdfasdfsad</p>'
      });
}]);
</script>
  </head>

  <body ng-app="app">
  	<a ui-sref="firstMessage">asdf</a>
    	<ui-view>

    	</ui-view>
</body>
</html>

destus 27.10.2017 23:19
рони,
Вот, вот. Автор видимо не понял, что я хотел ему сказать. А тестовый пример делать было немного скучно...


Часовой пояс GMT +3, время: 21:37.