2017-11-07 16 views
0

ユーザー資格情報を取得するフォームがあります。これらの資格情報を使用する前に私はそれらを暗号化する必要がありますが、私がそれを実行すると暗号化された値がフォームコンポーネントに表示されます(双方向データバインディングのため)。角4、片方向データバインディングコンポーネントへのビュー

私はAngularを使い慣れていないため、入力値をタイスクリプトモデルに渡す方法が見つかりません。 はここにコードされています

<form> 
     <div class="input-group"> 
      <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
      <input class="form-control" placeholder="Username" [(ngModel)]="user.username" 
       [ngModelOptions]="{standalone: true}"> 
     </div> 
     <br> 
     <div class="input-group"> 
      <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> 
      <input class="form-control" type="password" placeholder="Password" [(ngModel)]="user.password" 
       [ngModelOptions]="{standalone: true}"> 
     </div> 
     <br> 
     <button type="submit" class="btn btn-primary btn-lg btn-block" autofocus (click)="login(user)"> 
      Login 
     </button> 
</form> 

そしてもちろん、ユーザ定義

user = { 
    username: '', 
    password: '' 
}; 

にはどうすれば[)(]モデルに結合する2つのウェイのデータを避けるのですか?私は(入力)または{{}}を試みましたが、nothigは働いていました。私はそれらを暗号化する必要がないので、私は私の問題を解決し、すべての

+0

私は、例のように、父と子のコンポーネントをコンポーネントの相互作用を持っていません。私はコンポーネントのビュー(html)部分から同じコンポーネントのロジック(ts)に値を渡さなければなりません – Fjordo

+0

私の間違いで申し訳ありませんが間違ったリンクを張りました。ここでは[Angular Froms documentation](https://angular.io/guide/forms)に片方向と双方向のデータバインディングの例があります。 – krzysztofla

答えて

0

おかげでもう

関連する問題