Angular 6 - Trigger Browser «сохранить приглашение к входу» - PullRequest
Новая
       72

Angular 6 - Trigger Browser «сохранить приглашение к входу»

0 голосов
/ 15 ноября 2018

Итак, я уже создал небольшое приложение (цель обучения) для управления некоторыми данными. Проблема в том, что браузер не запрашивает сохранение учетной записи на странице входа, так как все приложение single page app, и я хочу, чтобы мой браузер предлагал сохранить учетную запись. Я уже нашел ответ , который, вероятно, подходит мне, но, поскольку я только изучаю эту угловую 6, я не могу действительно связать их. Вот мой код.

login.component.ts 

@Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
    loginForm : FormGroup;

     username = "";
     password = "";

    constructor(
            public global: GlobalService,
            public messagerService: MessagerService,
            private cookie: CookieService, //persistent
            private router: Router,
            private fb: FormBuilder
        ) {
              this.loginForm = fb.group({
                  username: ["asdsa", Validators.required],
                  password: ["adssa", Validators.required]
              });
           }

    login(){
        var helper = new JwtHelperService();
        if(this.username=='' || this.password=='')
            this.messagerService.alert({
                title: 'Error',
                icon: 'error',
                msg: 'Please fill the forms!'
            });
        else{
            this.global.login(this.username, this.password).subscribe(
                data => {
                    if(data.success=='1'){
                        this.cookie.set('jwtObj', data.jwt, new Date().getSeconds() + 7200, '/');
                        this.global.loginCheck();
                    }
                    else if(data.success == '0'){
                        this.messagerService.alert({
                            title: 'Error',
                            icon: 'error',
                            msg: data.msg
                        });
                    }
                },
            );
        }
    }

    ngOnInit() {
    }

    submitForm(value){
        console.log(value);
    }

}

login.component.html 

<eui-panel [title]="'Login Panel'" [collapsible]="true" [bodyStyle]="{padding:'20px'}" style="height:320px;width:400px; margin:auto;margin-top: 25vh">
        <h2>RUC SSO LOGIN</h2>
        <form novalidate #formm [formGroup]="loginForm" (ngSubmit)="submitForm(loginForm)">
            <div style="margin-bottom:10px;">
                <label [for]="t1" align="top">Username:</label>
                <eui-textbox #t1 formControlName="username" iconCls="icon-man" placeholder="username" style="width:100%"></eui-textbox>
            </div>
            <div style="margin-bottom:10px;">
                <label [for]="t2" align="top">Password:</label>
                <eui-passwordbox #t2 formControlName="password" placeholder="password" style="width:100%"></eui-passwordbox>
            </div>
            <div>
                <eui-linkbutton (click)="submitForm(loginForm)">Login</eui-linkbutton>
            </div>
        </form>
</eui-panel>

Как я могу вызвать приглашение браузера?

1 Ответ

0 голосов
/ 15 ноября 2018

Хорошо, вот я создал простой пример, протестированный на Firefox URL приложения stackblitz

и URL редактора stackblitz

enter image description here

Редактировать: Вы используете easyui, что может быть проблемой с easyui, но сохранить запросы пароля при отправке формы и переходе к другому компоненту.

...