AngularJS, чтобы показать URL только владельцу

Question

У меня есть 2 блока: Первый div предназначен для владельца страницы и имеет ссылку на страницу журналов. Другой div предназначен для гостевых пользователей показывать журнал, но не доступен для кликов.

<!-- for owners --> 
<div ui-sref="app.log" ng-show="session.user.name == user.name"> 
    <div class="center-block"> 
     {{user.log}} 
    </div> 
</div> 

<!-- for guest users --> 
<div ng-show="!session.isLoggedIn"> 
    <div class="center-block"> 
     {{user.log}} 
    </div> 
</div> 

У меня есть так много таких повторяющихся кодов в моем файле, и хотел бы применить щ-sref только владельцу. Как я должен делать это, не повторяя div каждый раз?

Answer 1

Вот руководство по созданию простых директив: http://www.sitepoint.com/practical-guide-angularjs-directives/

Вы можете создать директиву, которая была бы столь же просто, как:

<my-log my-log-session="session"></my-log> 

Атрибут my-log-session позволяет передавать переменные в директиве.