Question

我正在尝试单向绑定到HTML表单中的默认值。

我的组件有一个正在从本地存储初始化的连接字符串：

print('result : ',root.text.replace('<','&lt;')[5])

然后在我的表单中，我试图单向绑定到这些属性，如连接。但是，它返回[object Object]。我似乎无法弄清楚如何获得实际值：

export class AuthAdminComponent implements OnInit {

  public authenticated = false;
  public connection: String
  public username: string;
  public password: string;
  public token: string;

  constructor(private authService: AuthService, private router: Router) {

   }

  ngOnInit() {
    if(localStorage.getItem('adminUser')) {
      let data = JSON.parse(localStorage.getItem('adminUser'));
      this.connection = data.connection;
      this.username = data.username;
      this.password = data.password;    }
  }
}

我确信这很简单，我误解了。如果有人能向我解释我所缺少的东西，我会非常感激。谢谢！

Answer 1

这是你的问题：
您正在尝试将ngModel绑定到连接，该连接是您班级中定义的变量另一方面，您将#connection定义为输入元素的引用变量因此ngModel将绑定到此变量，而不是绑定到您的类中定义的变量一种可能的解决方案是将#connection重命名为#connect（或者您可以在类中重命名connection并将ngModel绑定到模板中的重命名变量。）
这应该可以解决问题。

角度表单模板单向数据绑定

1 个答案: