5

मुझे @ कोणीय/सामग्री के md-input-containers और प्रतिक्रियाशील रूप मॉड्यूल का उपयोग करने में कोई समस्या है।कोणीय 2/सामग्री 2: एमडी-इनपुट-कंटेनर लेबल वैल्यू को रीसेट नहीं कर रहा है जब मूल्य बदलता है

मैं तीन md-inputs के साथ लॉगिन फ़ॉर्म बना रहा हूं जो सभी FormBuilder के FormGroup का उपयोग कर मूल्यों से बंधे हैं। सबकुछ ठीक काम करता है।

मेरी समस्या यह है कि ngSubmit फ़ंक्शन पर, यदि मेरे द्वारा दर्ज किए गए प्रमाण-पत्र अमान्य हैं तो मुझे फॉर्म रीसेट हो रहा है। FormGroup की विधि का उपयोग मान को डिफ़ॉल्ट रूप से रीसेट कर देगा, लेकिन md-input-containers में फ़्लोटिंग लेबल अपने मूल स्थान पर रीसेट नहीं कर रहे हैं, क्योंकि वे खाली फ़ील्ड पर होना चाहिए। मैं अनुमान लगा रहा हूं कि सामग्री डिजाइन निर्देश इसे अद्यतन करने के लिए एक धुंधला घटना की तलाश में हैं लेकिन मैं नहीं बता सकता, और मुझे नहीं पता कि यह कैसे हो सकता है।

यहाँ ngSubmit समारोह है:

submitForm(username: string, password: string, companyID: any):void { 

    this.userService.login(username, password, companyId) 
     .then(() => { 
     this.router.navigate(['main']); 
     }) 
     .catch(() => { 
     this.loginForm.reset(); 
     }) 
    } 

और this.loginForm.reset() का आह्वान किया जा रहा है, रूपों डिफ़ॉल्ट (रिक्त स्ट्रिंग) पर सेट हो जाएंगे, लेकिन लेबल अभी भी तैर सकती है:

Labels still float. I reset Company ID for reference.

कुछ पता है इसे कैसे सुधारना? मैं वास्तव में ElementRef का आह्वान नहीं करना चाहता, हालांकि मैंने पहले से ही धुंध को मजबूर करने के लिए ऐसा करने की कोशिश की है और इससे इसे हल नहीं किया गया है।

+0

यदि यह अभी भी किसी के लिए समस्या है, तो मैं एक प्लंकर बनाने और https://github.com/angular/material2 पर कोई समस्या सबमिट करने की सलाह दूंगा –

उत्तर

0

एमडी-इनपुट-कंटेनर में लिपटे इनपुट के बजाय एमडी-इनपुट नियंत्रण का उपयोग करने का प्रयास करें। यह मेरे लिए काम किया।

संबंधित मुद्दे