Attribute binding not working - Ember.js

The href attribute scope binding is not working in Ember.js. PFB the code.

home.hbs

<ul>
    
        " item=fruit onitemclick=(action "handleFruitsDetail")}}
    
        <li>Loading!</li>
    
</ul>

list-item is a custom component where I am passing and binding href's. PFB the code for it.

list-item.hbs

<li>
    <a href="" onclick=></a>
</li>

Thanks in advance.