Мне нужно передать имя текстового поля на страницу маршрутизации AngularS? - PullRequest
Новая
       7

Мне нужно передать имя текстового поля на страницу маршрутизации AngularS?

0 голосов
/ 27 августа 2018

У меня на странице входа в систему 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 .

1 Ответ

0 голосов
/ 27 августа 2018 
.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. Это динамично.

...