Я хотел бы сделать пользовательский компонент, используя директиву. Я проверил много учебников, и меня это смущает, может кто-нибудь объяснить, как работает директива. компонент, который я планирую сделать,

<shout-list></shout-list>

шаблон для списка выкрики будет таким

<div class="shout" ng-repeat="shout in shouts">
    <p>{{shout.message}}</p>
    <img src="media/images/delete.png" width="32" height="32" ng-click="deleteShout({{$index}},'{{shout._id}}')"/>
</div>