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

时间:2014-10-01 11:14:01

标签: javascript angularjs windows-store-apps

我是Windows应用开发的新手。任何如何设法通过编辑角度js库在Windows 8商店应用程序中获得工作angularjs。但无法理解如何在商店应用程序中使用angulerjs路由。

任何人都可以解释如何在Windows Store应用程序中使用角度js路由,或者举例说明如何操作。

1 个答案:

答案 0 :(得分: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');
}

这是我的客户控制器代码

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

});

这是我的产品控制器代码

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