パスワードフィールドにパスワードから「/」文字が削除されます

パスワードte/stのユーザーがいます。そして、このマークアップ：パスワードフィールドにパスワードから「/」文字が削除されます

どういうわけか

<input type="password" class="form-control" placeholder="Password" ng-model="password" required> 
<button class="btn btn-lg btn-primary btn-block" type="submit" ng-click="login(username, password)">Sign in</button>

、NG-モデルに含まれる値がテスト なっなぜこの出来事はありますか？

コントローラでの方法：

 $scope.login = function (username, password) { 
       console.log("pass:", password); 
       authService.login(username, password).then(function() { 

        console.log("auth success. username: ", username); 
       }, 
       function() { 
        notifications.showError("Login failed!"); 

       }); 
      };

出典

2017-02-17 VictorB

？ – deceze

コントローラを見ることも必要でしょう –

'login'関数はどのように呼び出されますか？ '$ scope.password'の代わりに' password'パラメータを受け取ります。私はちょうどあなたが完全なコードを共有していないので、ここで推測しています –

このplunkrは、それが実際に動作しません示して - スラッシュ文字が現れます： https://plnkr.co/edit/tSVFtmSILTR606AZrdH1?p=preview

ここではテストのために全体のコードです：

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
</head> 
<body> 
<input type="password" class="form-control" placeholder="Password" ng-model="password" required id="pwd"> 
<button onclick="alert(document.getElementById('pwd').value)">click</button> 
</body> 
</html>

は、

ボックスに「te/st」と入力してボタンをクリックすると、表示されます。

出典

2017-02-17 13:39:44 raddevus

あなたは正しいです。別の環境では動作します。 – VictorB

@VictorBこれをテストとして試してみてください： encodeURIComponent（password）を呼び出す - パスワード（te/st）をte％2stに変換し、正しく通過したかどうかを確認するためにJustで渡します。後でいつでもdecodeURIComponent（）をデコードできます。 – raddevus

私はそれを複製できません。あなたがする必要がある場合は、以下のコードを使用してください。あなたは/刺さこれをしteいるどのように正確に

var app = angular.module('app', []); 
 

 
app.controller('ctrl', function($scope) { 
 
    $scope.login = function(username, password){ 
 
    $scope.passedUserName = username; 
 
    $scope.passedPassword = password; 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css" /> 
 

 
<body ng-app="app" ng-controller="ctrl"> 
 
    <br/> 
 
    <div class="col-lg-12"> 
 
    <div class="form-group row"> 
 
     <label for="example-text-input" class="col-2 col-form-label">User Name</label> 
 
     <div class="col-10"> 
 
     <input type="text" class="form-control" placeholder="Username" ng-model="username" required> 
 
     </div> 
 
    </div> 
 
    <div class="form-group row"> 
 
     <label for="example-text-input" class="col-2 col-form-label">Password</label> 
 
     <div class="col-10"> 
 
     <input type="password" class="form-control" placeholder="Password" ng-model="password" required> 
 
     </div> 
 
    </div> 
 
    <div class="form-group row"> 
 
     <label for="example-text-input" class="col-2 col-form-label">Value</label> 
 
     <div class="col-10"> 
 
     <input type="text" class="form-control" placeholder="Entered Password" ng-model="password" required> 
 
     </div> 
 
    </div> 
 

 
    <button class="btn btn-lg btn-primary btn-block" type="submit" ng-click="login(username, password)">Sign in</button> 
 
    </div> 
 
    <div> 
 
    <p>Passed Username: {{passedUserName}}</p> 
 
    <p>Passed Password: {{passedPassword}}</p> 
 
    </div> 
 
</body>

出典

2017-02-17 13:41:13 Alok

あなたは正しいです。別の環境では動作します。 – VictorB

その場合、問題を表示するためにplunkrを作成することができます。むしろ面白いです。そしてあなたはどのような環境を使っていますか？ – Alok

パスワードフィールドにパスワードから「/」文字が削除されます

答えて

関連する問題