I would like to pass an object to the directive scope:

**JS:**

```
app.directive('validatePrice', function() {
    return {
        link: function(scope, el, attrs){
            console.log(attrs.validatePrice);
        }
    };
});

```

**HTML**

`<button validate-price="{priceValid: {'disabled': 'disabled'}}">Checkout</button>`

where `priceValid` is a boolean from the controller scope and `{'disabled': 'disabled'}` is just a plain object. I expect my `attrs.validatePrice` to return eg:

```
{
    true: {'disabled': 'disabled'}
}

```

Yet it returns string. How do I do that? :)