Question

我在登录页面上使用AngularJS Routing，其中包含名称和密码。我输入正确的名称和密码后，将通过路由转到另一个html。在这里，我需要显示在登录页面->名称字段中键入的名称。这可能吗？我的代码在下面，

<body ng-controller="loginCtrl">
<form class="col-sm-6" action="EmployeeDetails.asmx/getLoginDetails" method="get" id="empForm" name="empForm" novalidate>
    <div class="form-group">
        <label for="usr">Name: </label>
        <input type="text" id="EmpName" name="EmpName" class="form-control" ng-model="empname" placeholder="Enter Your Name" ng-required="true" />
        <span ng-show="empForm.EmpName.$touched && empForm.EmpName.$error.required" class="error">Please enter your name</span>
    </div>
    <div class="form-group">
        <label for="id">Employee ID: </label>
        <input type="text" id="empId" class="form-control" ng-model="empid" name="empID" placeholder="Enter Your ID" ng-required="true" />
        <span ng-show="empForm.empID.$touched && empForm.empID.$error.required" class="error">Please enter your ID</span>
    </div>
    <div class="checkbox">
        <label><input type="checkbox" />Remember Me</label>
    </div>
    <input type="button" ng-click="empForm.$valid" value="submit" class="btn btn-primary" onclick="empSubmit()" />
</form>

脚本

app.config(function ($routeProvider) {
$routeProvider.when("/Login", {
    templateUrl: "/Calc_Sys/Login.html",
    controller:'loginCtrl'
}).when('/LogOut', {
    templateUrl: "/Calc_Sys/LogOut.html",
    controller: 'logoutCtrl'
}).when('/Calculator', {
    templateUrl: "/Calc_Sys/Calculator.html",
    controller: 'calcCtrl'
}).otherwise({
    redirectTo: "/Login"
})

Calculator.html

<body ng-controller="calcCtrl">
    Wellcome {{EmpName}} !!!
 </body>

在这里，我需要显示 EmpName 。

Answer 1

.when('/Calculator/:empname', {
    templateUrl: "/Calc_Sys/Calculator.html",
    controller: 'calcCtrl'
})

Controller
----------------
Use $routeParams
Get the value $routeParams.empname

Assign value $scope.EmpName=$routeParams.empname

$ routeParams.empname表示锚标记href中的文本。它是动态的。

我需要将文本框名称传递到AngularS路由页面吗？

1 个答案: