AngularJS

Question

我是 AngularJS 初学者，很抱歉提出这个愚蠢的问题。我在一个名为 menu.html 的页面上工作，该页面有几个食物类别的链接，例如面条、汤、三明治。当用户单击这些链接中的任何一个时，它将转到一个页面，其中列出了与该类别相关且具有不同 URL 的食物。比如点击"Noodle"，新页面的url就是menu/Noodle.html。你能告诉我如何使用 AngularJS 吗？非常感谢。

Answer 1

首先，您需要为 angular 添加 angular-route.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。

AngularJS - 新页面的动态 URL

AngularJS - Dynamic URLs for new page

url

dynamic