Question

我有一个表单来获取用户凭据。在使用这些凭据之前，我需要对它们进行加密，但如果按照以下方式进行加密，则加密值将显示在表单组件中（因为双向数据绑定）。

我是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: ''
};

如何避免双向数据绑定到模型[（）]？我试过（输入）或{{}}但是没有工作。

感谢所有

Answer 1

我解决了我的问题，因为我不再需要加密它了

Angular 4，单向数据绑定视图到组件

1 个答案: