2014-04-16 12 views
1

Я разработал образец приложения, чтобы узнать AngularJs.Single Page Application angularJS

Существует три ссылки, которые отображают три разных шаблона в ng-view.

main.html имеет три ссылки.

$routeProvider.when('/add/:num',{ 
    templateUrl: 'addition.html', 
    controller: 'addCtrl', 
    requireLogin : true 
    }) 
    .when('/multiply/:num/',{ 
    templateUrl: 'multiplication.html', 
    controller: 'multiplyCtrl', 
    requireLogin : true 
    }) 
    .when('/filter',{ 
     templateUrl: 'filter.html', 
     controller: 'filterCtrl', 
     requireLogin : true 
    }) 
    .when('/main',{ 
     templateUrl: 'main.html', 
     requireLogin : false 

    }); 

здесь якорь:

<a href="add/5"> 

Он отлично работает. Но когда я пытаюсь открыть ссылку в новой вкладке, она не открывается.

Я понимаю, что маршрутизация выполняется на стороне клиента, и сервер не знает об этом.

Любое предложение будет полезно.

Я не нашел подходящего ответа, выполнив поиск в Интернете.

Спасибо.

EDIT :: код сервера на стороне сервера.

в Nginx:

location/{ 
    root /home/myNgApp/; 
    autoindex on; 
    autoindex_exact_size off; 
     try_files $uri $uri/ /main.html; 
     } 
+0

Предложение: почтовый индекс. – Adam

+0

http://angulartutorial.blogspot.in/2014/02/how-to-start-with-angular.html – Prashobh

+0

[This] (http://stackoverflow.com/questions/18214835/angularjs-how-to-enable -locationprovider-html5mode-with-deeplinking) может быть полезным. – Engineer

ответ

0

AngularJS маршруты не являются фактическими HTML страницы ...

Вы должны иметь некоторые стороне сервера маршрутизации для обработки свежих загрузки страницы. Мы используем nginx как наш метод обслуживания URL-адресов.

Отъезд article, тогда вы можете решить, какую технологию вы хотели бы использовать.

+0

Спасибо .. я получил его сейчас. Мне нужно настроить сервер для работы с HTML5MOde ... – Learner

+0

привет, у меня еще одна проблема. маршруты формы ('/ filter') работают нормально. но те ('/ add/5') или ('/ filter/name') работают не так, как ожидалось. любые идеи по этому поводу? Благодарю. – Learner

+0

если вы можете добавить больше кода, это поможет ... возможно, вы можете попробовать и воссоздать его в плункер. Но я никогда не использовал ngRouter, мы выбрали вместо этого для ui-router, у которого есть еще много функций ... –

 Смежные вопросы

  • Нет связанных вопросов^_^