gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 01:15:27 28 4
gpt4 key购买 nike

我有 AngularJS 路由的登录页面,其中包含名称和密码。当我输入正确的名称和密码后,这将通过路由转到另一个 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"
})

计算器.html

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

在这里我需要显示EmpName

最佳答案

.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 表示 anchor 标记 href 中的文本。它是动态的。

关于javascript - 我需要将文本框名称传递到 AngularS 路由页面吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52038448/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com