Question

AngularJS和WebAPI在这里相当新，并且想出最好的学习方法就是做。如果这个问题看起来很简单，请提前道歉 - 我花了一天时间浏览StackOverflow并尝试了所有这些。

我目前有一个单独的Master＆amp;详细信息视图，都有自己的控制器。我正在尝试将所选ID传递给Details控制器，这样我就可以使用ID查询我的数据库了，但是我得到了＆＃34; undefined＆＃34;在我的$ routeParams上。我不确定我是否遗漏了一些简单的东西，或者我是否正确地接近了这一点。

当我注入＆＃39; $ routeParams＆＃39;时，控制器似乎不喜欢它。任

我的app.js模块：

var app = angular.module("ProjectDashboardModule", ["ngRoute"]);
app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

    $routeProvider
        .when("/", { templateUrl: "/Home/Index" })
        .when("/Project", { templateUrl: '/Project/Index', controller: 'ProjectCrudController' })
        .when("/Project/project/:id", {templateUrl:'/Project/project', controller: 'ProjectTaskController' });

    $routeProvider.otherwise({redirectTo: '/home' });
    $locationProvider.html5Mode(true);
}]);

我的Factory.js：

app.factory('projectFactory', ['$http', function ($http) {
    var urlBase = '/api/Projects/';
    var projectFactory = {};

    projectFactory.getProjects = function () {
        return $http.get(urlBase);
    };    
    projectFactory.getSingleProject = function (id) {
        return $http.get(urlBase + '/' + id);
    };    
    return projectFactory;
}]);

我的ProjectTaskController.js：

app.controller('ProjectTaskController', ['$scope', "$routeParams", 'projectFactory', function ($scope, $routeParams, projectFactory) {
    alert($routeParams.id)
    $scope.project;
    $scope.message;
    getProjectById($routeParams.id);    

    function getProjectById(id) {
        projectFactory.getSingleProject(id)
        .success(function (data) {
            $scope.project = data;
        })
        .error(function (error) {
            $scope.message = 'error retrieving project ' + error.message;
        });
    }
 }]);

Answer 1

我发现我的问题是我的所有角度脚本引用都是分散的。我将所有自定义脚本引用（控制器，工厂，模块）移动到index.cshtml并修复了问题。

$ routeParams传递给新视图时未定义＆amp;调节器

1 个答案: