Angular 如何路由像 api?id=1&id=2 这样的 URL？

Question

我是 ng-route 的新手。我有一个名为 www.foo.com 的网站。我只想将模板 HTML (fooapi.view.html) 和控制器 (fooapi.controller.js) 分配给像

这样的 URL

www.foo.com/api?id=1&id=2&id=3

。我想知道是否有人可以提供一些 suggestion.Thanks.

Answer 1

首先，您需要安装 ng-route。为此，您可以使用 npm 或 bower 进行安装，或者手动下载 ng-route javascript 文件，该文件位于 here

使用 bower 安装

bower install angular-route

使用 npm 安装

npm install angular-route

完成这些步骤后，将名为 angular-route.min.js 的文件包含到您的 index.html，具体取决于您安装下载文件的位置。

<script src="/bower_components/angular-route/angular-route.js"></script>

这样做之后，将 'ngRoute' 添加到您 angular 的模块

angular.module('ngApp', ['ngRoute'])

现在您必须创建 angular 的配置模块

.config(function ($routeProvider, $locationProvider) {
    $routeProvider.when('/foo/:id', {
        templateUrl: 'fooapi.view.html'
        controller: 'FooCtrl'
    });
})

在你的fooapi.controller.js

.controller('FooCtrl', function ($routeParams) {
     //getting the id from the URL
     console.log($routeParams.id);
});

Angular 如何路由像 api?id=1&id=2 这样的 URL？

How Angular routes URLs like api?id=1&id=2?

angularjs

ngroute