Comments (1)
Cause github messed up a lttle bit your question. If You use The latest version of library if you don't pass any value it will render the element. The second part is before i understood that the mark up is messed up :-)
Hi it depends on your intention. But the main restriction it can't be used in the same line as *ngFor(Angular restriction not the library like you can't use ngIf with ngFor)
<div *ngFor="let elem of elements" *ngxPermissionsOnly="Guest">
this will not work
</div>
</div>
and if you have permissions in children you can use it like this
<div *ngFor="let item of group.children">
<ng-container *ngxPermissionsOnly="item.permission">
<a
[routerLink]="[item.url]"
(click)="toggleOpen()"
routerLinkActive="active"
[ngClass]="{'active': item.isActive}"
class="menu-item">
<span translate>{{item.title}}</span>
</a>
</ng-container>
</div>
and the 3 when you dont what to show ngFor at all You write like this
<ng-container *ngxPermissionsOnly="Admin">
<div *ngFor="let item of group.children" ngClass="{'separator': item.separator}" >
</div>
<ng-container>
Hope This helps. Have A Nice Day!!
from ngx-permissions.
Related Issues (20)
- SyntaxError: Cannot use import statement outside a module
- Help Ukraine any help
- Roles With Permissions HOT 2
- Guard is not working with angular SSR
- `getPermission` returns an incomplete type HOT 2
- Can't bind to 'ngxPermissionsOnly' since it isn't a known property of 'div' HOT 6
- Add flag to disable ngx-permissions in runtime HOT 4
- Cannot find module 'ngx-permissions' from HOT 1
- ngx-permissions not working in child-components (features) HOT 1
- [feaure] - NgxPermissionsGuard - implement "canMatch" HOT 2
- routeStateSnapshot in redirect is undefined HOT 1
- Set NgxPermissionsGuard functions to protected access levels HOT 2
- How can I set the permissions base on URL parameters? HOT 5
- Unable to make NgxPermissionsService singleton across application and dependent libraries HOT 2
- Angular 16 support with providers HOT 4
- Check if all permissions from array are present
- How to use Rolle and Permission without Rolle HOT 3
- Identify the directive in the loadPermissions function HOT 1
- NgxPermissionsGuard deprecated HOT 2
- Angular 17 Support HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-permissions.