I am a noob to Angular. I have created a directive with the following
template:
<md-toolbar md-scroll-shrink>
<div class="md-toolbar-tools">
{{panelTitle}} ({{keyCount(items)}})
<span flex></span>
<md-button class="md-icon-button" >
<ng-md-icon icon="add_circle">
<md-tooltip md-direction="top">Add {{singular}}</md-tooltip>
</ng-md-icon>
</md-button>
</div>
</md-toolbar>
<md-list>
<md-list-item ng-repeat="item in items">
<div class="md-list-item-text">
<h3 class='md-title'>{{item.name}}</h3>
</div>
<span flex></span>
<md-button class="md-icon-button" >
<ng-md-icon icon="edit">
<md-tooltip md-direction="top">Edit {{singular}}
</md-tooltip>
</ng-md-icon>
</md-button>
<md-button class="md-icon-button" >
<ng-md-icon icon="delete">
<md-tooltip md-direction="top">Delete {{singular}}
</md-tooltip>
</ng-md-icon>
</md-button>
</md-list-item>
</md-list>
<hr/>
Everything works fine when viewing on a desktop, however when I view on a
phone, I cannot scroll the part of the page when I get to this directive's
DOM. Any ideas why?
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
