Jaki jest sposób AngularJS, aby pokazać lub ukryć element formularza?

To pytanie zostało zadane na liście mailingowej przez Tami Wrighta ...

Wchodzę do świata AngularJS z JQuery i nie jestem do końca pewien, jak przetłumaczyć konkretny przypadek użycia, który w JQuery jest bezmyślny. Ten przypadek użycia polega na włączeniu / wyłączeniu lub ukryciu / wyświetleniu elementów formularza na podstawie zmiany wybranego elementu w tej samej formie. Wszelkie pomysły / sugestie / wskazówki, które ktoś chciałby udostępnić, aby pomóc mi to osiągnąć?

Pomysł na to, co tutaj robię, to kod ilustrujący:

$('#ddl').change( function (e) {
                var selectedValue = $(this).val();
                switch(selectedValue){
                    case 1:
                         // Hide/show or enable/disable form elements here with Javascript or Jquery

// Sample enable code 
            document.getElementById("username").readOnly = false;
            document.getElementById("username").style.background = "transparent";
            document.getElementById("username").style.color = "#000000"; 


// Sample disable code 
            document.getElementById("first_name").readOnly = true;
            document.getElementById("first_name").style.color = "#c0c0c0"; 
                                    break;          
                }
                return false;
            });

Z góry dziękuję,

Tami Wright

questionAnswers(2)

yourAnswerToTheQuestion