¿Cuál es la forma AngularJS de mostrar u ocultar un elemento de formulario?

Esta pregunta fue hecha en la Lista de Correo por Tami Wright ...

Me estoy mudando al mundo AngularJS desde JQuery y no estoy muy seguro de cómo traducir un caso de uso particular, lo cual no es un pan comido en JQuery. Ese caso de uso es habilitar / deshabilitar u ocultar / mostrar elementos de formulario en función del cambio de un elemento de selección en el mismo formulario. ¿Alguna idea / sugerencia / puntero que alguien esté dispuesto a compartir para ayudarme a que esto funcione?

Y para tener una idea de lo que estoy tratando de hacer aquí es un código para ilustrar:

$('#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;
            });

Gracias de antemano,

Tami Wright

Respuestas a la pregunta(2)

Su respuesta a la pregunta