de-vraag
  • Pertanyaan
  • Tag
  • Pengguna
Notifikasi
Imbalan
Registrasi
Setelah Anda mendaftar, Anda akan diberitahu tentang balasan dan komentar untuk pertanyaan Anda.
Gabung
Jika Anda sudah memiliki akun, masuk untuk memeriksa pemberitahuan baru.
Akan ada hadiah untuk pertanyaan, jawaban, dan komentar tambahan.
Lebih
Sumber
Sunting
 TheUnreal
TheUnreal
Question

TypeError: Tidak dapat membaca properti 'valid' dari undefined

Saya memiliki textarea berikut ini:

<textarea class="form-control" [(ngModel)]="content" name="content" required>
        </textarea>

dan tombol kirim berikut:

 <button type="submit" class="btn btn-default" [disabled]="content.valid">New comment</button>

Seperti yang saya lihat di panduan formulir angular 2 (https://angular.io/docs/ts/latest/guide/forms.html) saya dapat menggunakan x.valid untuk memeriksa apakah itu tidak kosong.

Mengapa saya mendapatkan TypeError: Tidak dapat membaca properti 'valid' dari undefined error?

24 2016-08-29T19:04:16+00:00 3
Pemrograman
angular
Pertanyaan ini memiliki :value jawaban dalam bahasa Inggris, untuk membacanya masuk ke akun Anda.
Solution / Answer
Adrian F&#226;ciu
Adrian Fâciu
29 Agustus 2016 в 7:19
2016-08-29T19:19:11+00:00
Lebih
Sumber
Sunting
#31517813

Dalam kasus Anda konten adalah properti pada model Anda.

Untuk melakukan apa yang Anda inginkan, Anda perlu menggunakan nilai referensi template untuk kontrol formulir #myControl="ngModel" dan kemudian Anda memiliki akses ke properti valid: myControl.valid.

Jadi dalam contoh Anda:

<textarea class="form-control" [(ngModel)]="content"
          name="content" required #myControl="ngModel">
</textarea>

Dan gunakan dalam tag tombol:

<button type="submit" class="btn btn-default" 
[disabled]="myControl.valid">New comment</button>
41
0
Prashant Shrivastava
Prashant Shrivastava
9 Juli 2017 в 3:49
2017-07-09T15:49:36+00:00
Lebih
Sumber
Sunting
#31517814
<div class="form-group">
    <label for="inputEmail" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
        <input type="text" class="form-control" id="name" placeholder="Name" minlength="4" maxlength="24"  [(ngModel)]="name" name="email" #myName="ngModel" required>
            <div *ngIf="myName.errors && (myName.dirty || myName.touched)" class="alert alert-danger">
                <div [hidden]="!myName.errors.required">
                    Name is required
                </div>
                <div [hidden]="!myName.errors.minlength">
                    Name must be at least 4 characters long.
                </div>
                <div [hidden]="!myName.errors.maxlength">
                    Name cannot be more than 24 characters long.
                </div>
            </div>
    </div>
</div>
Vijay Nirmal
Vijay Nirmal
Jawaban edit 10 Juli 2017 в 12:20
4
0
 codemoney
codemoney
13 Agustus 2018 в 6:53
2018-08-13T18:53:29+00:00
Lebih
Sumber
Sunting
#31517815

Dalam kasus saya, saya menghapus ngModel dari #myName="ngModel" untuk membuatnya bekerja. Angualr versi 5.2.11

0
0
Related communities 1
Angular Indonesia
Angular Indonesia
3 519 pengguna
Framework web development aplikasi web dan mobile https://angular.io/ Facebook Group https://www.facebook.com/groups/462764390497214/ Github Repo Angular ID https://github.com/angular-indonesia Medium Angular Indonesia https://medium.com/angularid
Buka telegram
Tambahkan pertanyaan
Kategori
Semua
Teknologi
Budaya / Rekreasi
Kehidupan / Seni
Ilmu Pengetahuan
Profesional
Bisnis
Pengguna
Semua
Baru
Populer
1
Asilbek Qadamboyev
Terdaftar 1 hari yang lalu
2
Akshit Mehta
Terdaftar 4 hari yang lalu
3
me you
Terdaftar 1 minggu yang lalu
4
Никита иванов
Terdaftar 1 minggu yang lalu
5
Alex1976G_06
Terdaftar 1 minggu yang lalu
ID
JA
KO
RU
© de-vraag 2022
Sumber
stackoverflow.com
di bawah lisensi cc by-sa 3.0 dengan atribusi