Angularjs -Динамическое изменение dom с помощью директив или виджетов?

моя цель - понять, как правильно использовать angularJS. Я хочу иметь возможность привязать выбор переменной к динамическому изменению структуры DOM с помощью angularJS. Я не думаю, что вполне понимаю документацию, которую предоставляет angular, и я не нашел здесь ни одного примера. Любая помощь приветствуется.

Идея состоит в том, что у меня есть этот вариант использования, когда я сначала начинаю с выбора типа, и из этого выбранного типа будут созданы соответствующие элементы типа ввода, а затем записаны позже с помощью модели ng -(из текстовых областей в флажки, например ), все время контролируются контроллером angularjs для проверки/ограничений. Я привык иметь возможность клонировать -элементы на странице, а также уничтожать и создавать новые с помощью jQuery, но я читал, что контроллеры не должны иметь такой логики и вместо этого должны создаваться с помощью директив/виджетов.Однако я не вижу примеров манипулирования директивами или виджетами таким образом, поэтому я даже не уверен, как действовать дальше. Могу ли я использовать директивы для манипулирования DOM таким образом, не один раз, а несколько раз в зависимости от наблюдаемого элемента?

Пример того, что я хотел бы сделать.

$scope.types = ['Type1','Type2']

// something along the lines of...
$scope.layouts = {'Type1':['textarea','textarea'], 'Type2':['numeric','datepicker']}

Выберите Тип 1:

• Показать 2 текстовые области

Выберите тип 2:

• Показать числовой ввод
• Показать средство выбора даты

Спасибо,

-младший.