Question

在第一张图片中，我有我的用户输入，我可以在控制台变量中显示用户名和密码。在第二张图片中，我使用我的令牌发送用户名和密码。如何使用第一张图片中的用户名和密码并使用我的标题发送？请帮忙。

Answer 1

Headers类是常量，因此当您使用它时，只有在使用新语句时才可能设置标题。即。

new Headers({header:value}) 
new Headers().append('header', 'value');

但是这不起作用，因为它是一个常量

let headers = new Header();
headers.append('header','value')

你只能做事

new Headers({header:btoa(userna + ':' + password)});

HTML

<form #myForm="ngForm" (submit)="onSubmit(myForm)">
    <input type="text" name="username">
    <input type="password" name="password"
    <input type="submit" value="Submit">
</form>

COMPONENT

onSubmit(form) {
   if(form.valid) {
      console.log(form.control.username);
      console.log(form.control.password);
   }
}

Answer 2

好的，如果您正在寻找您的登录数据，那么正确的方法是发出如下事件：

登录表单组件：

@output
onLogin : EventEmitter<any> = new EventEmitter();

login(e){
***
this.onLogin.emit({username:username,password:password});
}

app component.html

<login-form (onLogin)="getData($event)"></login-form>

此处“$ event”代表您的对象“{username：username，password：password}”;

否则您可以将数据存储在变量中并在需要时运行“getData”。

其他建议：使用角度反应形式，如下所示：https://angular.io/guide/reactive-forms#add-a-formgroup 也许从角度服务运行你的xhr。

如何在json请求中使用用户和密码变量？

2 个答案: