javascript - Windows 8 应用商店应用程序中的 Angularjs 路由

Question

我是 Windows 应用商店应用程序开发新手。任何如何通过编辑 Angular JS 库来在 Windows 8 商店应用程序中使用 AngularJS。但无法理解如何在商店应用程序内使用 angulerjs 路由。

任何人都可以解释如何在 Windows 应用商店应用程序中使用 Angular js 路由，或者举例说明如何执行此操作。

Answer 1

我正在构建一个通用应用程序，并且正在使用 angularjs。

这是我的app.js

var app = angular.module('app', ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider.
        when('/', {
            templateUrl: '/views/default.html',
            controller: 'default'
        }).
        when('/customers', {
            templateUrl: '/views/customers.html',
            controller: 'customers'
        }).
        when('/products/:param', {
            templateUrl: '/views/products.html',
            controller: 'products'
        }).
        otherwise({
            redirectTo: '/'
        });
}]);

我有以下用于打开客户屏幕的代码。

$scope.openCustomers = function () {
    $location.path('/customers');
}

我有以下用于打开产品屏幕的代码。

$scope.openProducts  = function () {
    $location.path('/products/123');
}

这是我的客户 Controller 代码

app.controller('customers', ['$scope', function ($scope) {

});

这是我的产品 Controller 代码

app.controller('products', ['$scope', '$routeParams', function ($scope,$routeParams) {
    $scope.param= $routeParams.param;
});