AngularJS - Динамические URL-адреса для новой страницы

Question

Я AngularJS новичок, поэтому извините за этот глупый вопрос. Я работаю на странице под названием menu.html, которая имеет отдельные ссылки на такие категории продуктов, как лапша, суп, сандвичи. Когда пользователь нажимает на любую из этих ссылок, это приведет к странице, в которой перечислены продукты, относящиеся к категории, и с другим URL. Например, нажмите «Noodle», URL новой страницы будет меню/Noodle.html. Не могли бы вы рассказать мне, как это сделать с помощью AngularJS? Огромное спасибо.

Answer 1

Прежде всего, вам нужно включить файл углового маршрута.js для углового. См. Это. https://docs.angularjs.org/misc/downloading

angular.module('myapp',[]). 
    config(['$routeProvider', function ($routeProvider) { 
     $routeProvider.when('/', { templateUrl: '/menu/Noodle.html', controller: HomeController }); 
     $routeProvider.when('/about', { templateUrl: '/pages/about.html', controller: AboutController }); 
     $routeProvider.when('/privacy', { templateUrl: '/pages/privacy.html', controller: AboutController }); 
     $routeProvider.when('/terms', { templateUrl: '/pages/terms.html', controller: AboutController }); 
     $routeProvider.otherwise({ redirectTo: '/' }); 
    }]); 

Изменить URL-адрес в соответствии с вашими потребностями.