How to deal with Http Promise AngularJS

Question

Im trying to get the data from a response on http promise and set this data on attr from custome diretive, but always get a undefined data on my directive

promiseComboBox.then((response) =>
    {
        $scope.comboBoxTipoParking = response; //get data
    });

module.directive('comboBox', ['$rootScope', function($rootScope){
    return {
        restrict    : 'E',
        scope       : {
            data  : '=',
            label : '='
        },
        templateUrl : '/Scripts/components/select/select.html',
        link        : function(scope, element, attrs)
        {            
            console.log(attrs);//get here but undefined
            scope.label = attrs.label;


            $('.select2').select2({
                width           : '100%',
                dropdownParent  : $('.modalFocusInput')
            });
        }
    }
}]);

<combo-box label="Parqueadero" data="{{comboBoxTipoParking}}">
</combo-box>

//passing the result from http request

georgeawg · Accepted Answer · 2019-04-15 16:46:21Z

1

One can use attrs.$observe

app.directive('comboBox', function(){
    return {
        restrict    : 'E',
        scope       : false,
        templateUrl : '/Scripts/components/select/select.html',
        link        : function(scope, element, attrs)
        {            
            console.log(attrs);//get here but undefined
            attrs.$observe("boxData", function(value) {
                console.log(value);
            });
        }     
    }
});

<combo-box label="Parqueadero" box-data="{{comboBoxTipoParking}}">
</combo-box>

Be careful when using the identifier data as an attribute. Directive normalization strips the data- prefix.

answered Apr 15, 2019 at 16:46

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to deal with Http Promise AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related