For "reusable component" directives we use "isolate" scopes. In your case it means adding the following to the directive definition:

```
scope: {}
```