Ожидается 2 аргумента, но получено 1.ts (2554) core.d.ts (8064, 47): аргумент для «opts» не был предоставлен - PullRequest
0 голосов
/ 19 июня 2019

Ошибка

Ожидается 2 аргумента, но получено 1.ts (2554) core.d.ts (8064, 47): аргумент для 'opts' не предоставлен.

Кодиз NativeScript Marketplace

https://play.nativescript.org/?template=play-ng&id=Hqp5UQ&v=3073

Я дословно перенес код и получаю ошибки в своем классе экспорта на

@ViewChild("password") password: ElementRef;
@ViewChild("confirmPassword") confirmPassword: ElementRef;

Кто-нибудь знает, как решить эту проблему?

import { Component, ElementRef, ViewChild } from "@angular/core";
import { alert, prompt } from "tns-core-modules/ui/dialogs";
import { Page } from "tns-core-modules/ui/page";
import { RouterExtensions } from "nativescript-angular/router";

import { User } from "../shared/user.model";
import { UserService } from "../shared/user.service";

@Component({
    selector: "app-login",
    moduleId: module.id,
    templateUrl: "./login.component.html",
    styleUrls: ["./login.component.css"]
})
export class LoginComponent {
    isLoggingIn = true;
    user: User;
    processing = false;
    @ViewChild("password") password: ElementRef;
    @ViewChild("confirmPassword") confirmPassword: ElementRef;

    constructor(private page: Page, private userService: UserService, private routerExtensions: RouterExtensions) {
        this.page.actionBarHidden = true;
        this.user = new User();
        this.user.email = "user@nativescript.org";
        this.user.password = "password";
    }

    toggleForm() {
        this.isLoggingIn = !this.isLoggingIn;
    }

    submit() {
        if (!this.user.email || !this.user.password) {
            this.alert("Please provide both an email address and password.");

            return;
        }

        this.processing = true;
        if (this.isLoggingIn) {
            this.login();
        } else {
            this.register();
        }
    }

    login() {
        this.userService.login(this.user)
            .then(() => {
                this.processing = false;
                this.routerExtensions.navigate(["/home"], { clearHistory: true });
            })
            .catch(() => {
                this.processing = false;
                this.alert("Unfortunately we could not find your account.");
            });
    }

    register() {
        if (this.user.password !== this.user.confirmPassword) {
            this.alert("Your passwords do not match.");

            return;
        }
        this.userService.register(this.user)
            .then(() => {
                this.processing = false;
                this.alert("Your account was successfully created.");
                this.isLoggingIn = true;
            })
            .catch(() => {
                this.processing = false;
                this.alert("Unfortunately we were unable to create your account.");
            });
    }

    forgotPassword() {
        prompt({
            title: "Forgot Password",
            message: "Enter the email address you used to register for APP NAME to reset your password.",
            inputType: "email",
            defaultText: "",
            okButtonText: "Ok",
            cancelButtonText: "Cancel"
        }).then((data) => {
            if (data.result) {
                this.userService.resetPassword(data.text.trim())
                    .then(() => {
                        this.alert(`Your password was successfully reset. Please check your email for
                        instructions on choosing a new password.`);
                    }).catch(() => {
                        this.alert("Unfortunately, an error occurred resetting your password.");
                    });
            }
        });
    }

    focusPassword() {
        this.password.nativeElement.focus();
    }
    focusConfirmPassword() {
        if (!this.isLoggingIn) {
            this.confirmPassword.nativeElement.focus();
        }
    }

    alert(message: string) {
        return alert({
            title: "APP NAME",
            okButtonText: "OK",
            message: ("{message}")
        });
    }
}

Ожидаемый результат - когда эмулятор загружается, он должен обнаружить пользователя, вышедшего из системы, и показать ему страницу входа в систему.

1 Ответ

3 голосов
/ 20 июня 2019

Это из-за прорыва изменения в новом Angular. Вам нужно пройти, как показано ниже

@ViewChild("password", { static: true }) password: ElementRef;
@ViewChild("confirmPassword", { static: true }) confirmPassword: ElementRef;

Был введен новый статический флаг, чтобы не нарушать существующие приложения, поэтому, если вы хотите сохранить старое поведение, даже если вы переключитесь на Ivy, вы можете написать:

@ViewChild('password', { static: true }) static: ElementRef<HTMLDivElement>;

Далее вы можете прочитать здесь: https://angular.io/api/core/ViewChild#description

...