我有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>
我的文件中有这么多重复的代码,并且只想将 ui-sref 应用于所有者。我怎么能这样做而不必每次都重复div?
答案 0 :(得分:1)
以下是创建简单指令的指南: http://www.sitepoint.com/practical-guide-angularjs-directives/
您可以创建一个简单的指令:
<my-log my-log-session="session"></my-log>
my-log-session
属性允许您将变量传递给指令。