So deaktivieren Sie mehrere Schaltflächen in nativescript mit Typoskript

Ich bin neu in nativescript und Typoskript. Ich habe eine Karte app, die ich möchte in der Lage, pick 6 Karten von 20, aber jede Karte kann nur abgeholt werden, sobald. Wie deaktiviere ich die einzelnen Tasten nach, die haben schon mal geklickt?

Die Karte, die zahlen in ein array und das ist in Ordnung. Wenn ich weiter auf die gleiche Taste wird auch weiterhin, um es in das array. Ich würde die auch gerne deaktivieren Sie die Schaltfläche Senden, bis die sechs Karten sind abgeholt, dann aktivieren. Ich Tat dies in einer PHP/jQuery-Webseite, und es war sehr einfach. Ich habe gespielt, um mit einigen Lösungen, die ich gefunden habe, hier zu Tasten deaktivieren, aber entweder Sie haben nicht funktioniert oder ich den Knopf einfach deaktiviert die ganze Zeit.

***main-page.xml***
<Button text="Card 0" value="0" tap="{{ pickCard }}" class="btn btn-card" />
<Button text="Card 1" value="1" tap="{{ pickCard }}" class="btn btn-card" />
<Button text="Card 2" value="2" tap="{{ pickCard }}" class="btn btn-card" />
...
<Button text="Get my results" tap="{{ onTap }}" class="btn btn-primary btn-active" />

***main-view-model.ts***
private _counter: number;
private _ids: number[] = new Array();

    pickCard(args) {
        var cardValue = args.object.value;

        if (this._counter <= 5) {
            this._ids.push(cardValue);
            this._counter++;
        }

        if (this._counter == 6) {
            /* Enable Submit button */
        }
    }

Ich habe versucht, machen diese leicht, sodass ich dachte, ich würde verwenden, Typoskript eher als vue oder eckig. Ich weiß sehr wenig über vue/eckig/Typoskript und dachte, Typoskript, wäre die beste option.

0
2019-09-17 22:31:41
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an