通过绑定在Angular 1.x中加载输入指令

Question

I have an input like this:

<input type="text" valid-text class="input-text" name="{{$ctrl.name}}">

the key thing is the valid-text directive. This input is a component and some times is valid-text and sometimes valid-number. How can I set dynamically this value?

I tested valid-{{$ctrl.validType}} with no success.

Answer 1

You can begin with the next directive that's get both model and attribute. Now it add both attribute string and number

myApp.directive('dynAttr', function() {
return {
    scope: { list: '=dynAttr' },
    require: 'ngModel',
    link: function(scope, elem, attrs, ngModel){

        for(attr in scope.list){
            elem.attr(scope.list[attr].attr, scope.list[attr].value);  
            // you can change this logic
        }

    }
};
});

in yours controller

$scope.dynAttribute = [
    { attr: 'number', value: '' },
    { attr: 'string', value: '' }
];

and html

<div ng-controller="MyCtrl">
    <input ng-model="val" dyn-attr="dynAttribute"/>
</div>