Использование TemplateUrl не работает

Question

Использование TemplateUrl не работает

0

Привет, у меня проблема с моим кодом. Когда я нажимаю ссылку, ссылка не перезагружается.

Вот код HTML и JS:

var app=angular.module('mainApp',['ngRoute']);
app.config(function($routeProvider){
      $routeProvider
          .when('/',{
                templateUrl: 'home.html'
          })
          .when('/about',{
                templateUrl: 'about.html'
          });
		  .when('/contact',{
                templateUrl: 'contact.html'
          });
		  .otherwise({ redirectTo: '/'});
});
app.controller('mainCtrl',function($scope){
	
});

<div ng-controller="mainCtrl">
		<div>
			<nav>
				<ul>
					<li><a href="#/">Home</a></li>
					<li><a href="#/about">About us</a></li>
					<li><a href="#/contact">Contact</a></li>
				</ul>
			</nav>
		</div>
	  <br/>
		  <div ng-view >
		  
		  </div>
</div>

Вы знаете, что случилось?

Ernest 30 май 2016, в 13:15

Источник

1

Вы пытаетесь .when разделитель ;
Paul S. 30 май 2016, в 10:53
0

удалить точку с запятой после когда ()
Rajesh Patel 30 май 2016, в 10:55
0

если я удалю; раньше. когда ничего не меняется
Ernest 30 май 2016, в 10:59

Показать ещё 1 комментарий

Теги:

javascript

html

angularjs

templates

routes

3 ответа

Ещё вопросы

удалить точку с запятой после когда ()
если я удалю; раньше. когда ничего не меняется

androbin · Answer 1 · 2016-05-30T09-21-00.000Z

Откройте консоль. Вероятно, ваш тег BASE отсутствует. Добавьте его в тег HEAD.

<base href="/" />

Anusha Nilapu · Answer 2 · 2016-05-30T09-06-00.000Z

Удалите точку с запятой (;) для второго и третьего. Когда дела

var app=angular.module('mainApp',['ngRoute']);
app.config(function($routeProvider){
  $routeProvider
      .when('/',{
            templateUrl: 'home.html'
      })
      .when('/about',{
            templateUrl: 'about.html'
      })
      .when('/contact',{
            templateUrl: 'contact.html'
      })
      .otherwise({ redirectTo: '/'});
});

Rajesh Patel · Answer 3 · 2016-05-30T08-00-00.000Z

Попробуй это

var app=angular.module('mainApp',['ngRoute']);
    app.config(function($routeProvider){
          $routeProvider
              .when('/',{
                    templateUrl: 'home.html'
              })
              .when('/about',{
                    templateUrl: 'about.html'
              })
              .when('/contact',{
                    templateUrl: 'contact.html'
              })
              .otherwise({ redirectTo: '/'});
    });
    app.controller('mainCtrl',function($scope){

    });

Страницы в адресе меняются, но по моему ng-view ничего не происходит. Вы можете помочь с этим?