Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Demo with Angular FormGroup

Offen
#232 0 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
angular, typescript
Bereich
frontend

Rechercherichtung

Beginnen Sie mit der Durchsicht der vorhandenen Demos des Repositorys und der in diesem Issue beschriebenen Angular FormGroup-Integration. Fügen Sie eine Demo hinzu, die ein erforderliches Slate-Editor-Feld innerhalb eines Formulars sowie dessen Validierungsfehler anzeigt; als abgeschlossen gilt die Aufgabe, wenn das Beispiel den Fehler für die erforderliche Eingabe sichtbar meldet.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

We like to use Slate-Angular in the context of angulars FormGroup. For example to validate a required input field. Something like:

<mat-form-field>
    <slate-editable 
        formControlName="requiredInput"
        required
        [editor]="editor"
        [keydown]="keydown()"
        [renderElement]="renderElement()"
        [renderText]="renderText()"
      >
    <mat-error ngIf="myForm.controls.requiredInput.errors['required']">
        This input is required.
    </mat-error>
</mat-form-field>

Could you add a demo on how to achieve this? Or point me in the right direction and I will provide a PR with a demo.

Vorherrschende Sprache
TypeScript
Sterne
188
Forks
29
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

  • Enthält ein Dockerfile oder eine Docker-Compose-Datei
  • Keine Pull-Request-Vorlage
  • Kein Beitragsleitfaden

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus worktile/slate-angular

Alle Issues in worktile/slate-angular

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.