Como criar uma diretiva com um modelo dinâmico no AngularJS?
Como posso criar uma diretiva com um modelo dinâmico?
'use strict';
app.directive('ngFormField', function($compile) {
return {
transclude: true,
scope: {
label: '@'
},
template: '<label for="user_email">{{label}}</label>',
// append
replace: true,
// attribute restriction
restrict: 'E',
// linking method
link: function($scope, element, attrs) {
switch (attrs['type']) {
case "text":
// append input field to "template"
case "select":
// append select dropdown to "template"
}
}
}
});
<ng-form-field label="First Name" type="text"></ng-form-field>
Isto é o que eu tenho agora, e está exibindo o rótulo corretamente. No entanto, não tenho certeza sobre como acrescentar HTML adicional ao modelo. Ou combinando 2 modelos em 1.