Açısal Şema Formu - nasıl (başarı) metinden kurtulmak için

Question

[[* *]] formunun yanı sıra [] biçiminde bir form kullanıyorum. Bir alanda geçerli veriyi her yazdığımda, girişin yanında "(başarı)" yazısı görünür. Bunu nasıl kapatabilirim? Bunu örneklerin hiçbirinde görmüyorum ve ne yaptığımı farklı bir şekilde anlayamıyorum.

Answer 1

Bu yapılandırılabilir, Başarılı mesajını devre dışı global edebilirsiniz:

https://github.com/json-schema-form/angular-schema-form/blob/development/docs/index.md

bozulmamış Nesne {hataları, başarı}: Kümeler form alanı $ olduğunda hataları ve başarı görünür olmalıdır devletler eğer bozulmamış. Başarıyı belirlesin

Standart {: gerçek başarı gerçek hatalar}: false

o form alanının seçenek olarak lokal başarı mesajı devre dışı bırakmak da mümkündür:

-> disableSuccessState: true 

standart seçenekleri:

{ 
    key: "address.street",  // The dot notatin to the attribute on the model 
    type: "text",    // Type of field 
    title: "Street",   // Title of field, taken from schema if available 
    notitle: false,    // Set to true to hide title 
    description: "Street name", // A description, taken from schema if available, can be HTML 
    validationMessage: "Oh noes, please write a proper address", // A custom validation error message 
    onChange: "valueChanged(form.key,modelValue)", // onChange event handler, expression or function 
    feedback: false,    // Inline feedback icons 
    disableSuccessState: false, // Set true to NOT apply 'has-success' class to a field that was validated successfully 
    disableErrorState: false, // Set true to NOT apply 'has-error' class to a field that failed validation 
    placeholder: "Input...",  // placeholder on inputs and textarea 
    ngModelOptions: { ... },  // Passed along to ng-model-options 
    readonly: true,    // Same effect as readOnly in schema. Put on a fieldset or array 
           // and their items will inherit it. 
    htmlClass: "street foobar", // CSS Class(es) to be added to the container div 
    fieldHtmlClass: "street"  // CSS Class(es) to be added to field input (or similar) 
    labelHtmlClass: "street"  // CSS Class(es) to be added to the label of the field (or similar) 
    copyValueTo: ["address.street"],  // Copy values to these schema keys. 
    condition: "person.age < 18" // Show or hide field depending on an angular expression 
    destroyStrategy: "remove" // One of "null", "empty" , "remove", or 'retain'. Changes model on $destroy event. default is "remove". 
} 

ben yardımcı olur.

Answer 2

Geldiğim tek çözüm, aşağıdaki stilin sayfaya eklendiğinden emin olmaktır. Açısal Şema Formu örneğinde böyle çalışmaktadır. Aşağıdaki fişe bir göz atabilirsiniz - http://plnkr.co/edit/X90gRqnRMNbjWouLJJSu. Eğer metin kutularına yazdığınızda

.sr-only { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0,0,0,0); 
    border: 0; 
} 

Değişim bu sınıfın adı ve göreceksiniz "(başarılı)" geri gelir. Bunun çok zor olduğunu düşünüyorum, ama bulduğum tek çözüm bu. Senaryomda küresel bir çözüme ihtiyacım var. Şemalar kullanıcı tarafından oluşturulduğundan her bir anahtar için form seçenekleri oluşturamıyorum.

Birisi sağlayabilirse daha temiz bir çözüm görmeyi çok isterim. Lütfen bir fikir göndermeyin, Plunker'da deneyin ve fikrinizin işe yaradığını kanıtlayın. Çok fazla fikir denedim ve yukarıdaki tarz işe yarayan tek şey.