Question

我是AngularJS的新手，试图创建一个小型服务作为学生项目。

我在http:.../profile.html下有一个html5模板此模板是＆＃34; angularJS-friendly ＆＃34;这意味着我可以从休息服务中加载我的profile.html中的任何个人资料信息（例如，带有{{user.username}}的用户名，...），为我提供适当的 json < /强>

现在我想加载http:../profile/{usernameXYZ}，如 PHP /profile.php?username=usernameXYZ

我该怎么做？

更具体一点：我如何创建/加载/ ???在angularJS中只有一个模板的个人资料页面

Answer 1

您需要在应用中添加“ngRoute”作为依赖项

angular.module('ngApp', ['ngRoute'])
    .config(function ($routeProvider, $locationProvider) {
        //configure the routing rules here
        $routeProvider.when('/profile/:username/', {
            controller: 'PagesCtrl'
        });

        //routing DOESN'T work without html5Mode
        $locationProvider.html5Mode(true);
    })
    .controller('PagesCtrl', function ($rootScope, $scope, $routeParams, $route) {
        //If you want to use URL attributes before the website is loaded
        $rootScope.$on('$routeChangeSuccess', function () {
            console.log($routeParams.username)
        });
    });

现在您可以在此路线中浏览您的应用 http://...../profile/testUserName

AngularJS加载单个userProfiles

1 个答案: