rty on the isolate scope; the values define how the property
is bound to the parent scope, via matching attributes on the directive&#39;s element:</p>
<ul>
<li><p><code>@</code> or <code>@attr</code> - bind a local scope property to the value of DOM attribute. The result is
always a string since DOM attributes are strings. If no <code>attr</code> name is specified then the
attribute name is assumed to be the same as the local name. Given <code>&lt;my-component
my-attr=&quot;hello {{name}}&quot;&gt;</code> a