@rxap/authorization
Version:
Provides an Angular module and directives to manage authorization and permissions in your application. It allows you to control the visibility and enabled state of UI elements based on user permissions. The package includes an `AuthorizationService` to ch
567 lines (509 loc) • 30.3 kB
HTML
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>angular-authorization</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<link rel="stylesheet" href="../styles/style.css">
<link rel="stylesheet" href="../styles/dark.css">
</head>
<body>
<script>
// Blocking script to avoid flickering dark mode
// Dark mode toggle button
var useDark = window.matchMedia('(prefers-color-scheme: dark)');
var darkModeState = useDark.matches;
var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
function checkToggle(check) {
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
$darkModeToggleSwitchers[i].checked = check;
}
}
function toggleDarkMode(state) {
if (window.localStorage) {
localStorage.setItem('compodoc_darkmode-state', state);
}
checkToggle(state);
const hasClass = document.body.classList.contains('dark');
if (state) {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.add('dark');
}
if (!hasClass) {
document.body.classList.add('dark');
}
} else {
for (var i = 0; i < $darkModeToggles.length; i++) {
$darkModeToggles[i].classList.remove('dark');
}
if (hasClass) {
document.body.classList.remove('dark');
}
}
}
useDark.addEventListener('change', function (evt) {
toggleDarkMode(evt.matches);
});
if (darkModeStateLocal) {
darkModeState = darkModeStateLocal === 'true';
}
toggleDarkMode(darkModeState);
</script>
<div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
<div class="d-flex">
<a href="../" class="navbar-brand">angular-authorization</a>
<button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
</div>
</div>
<div class="xs-menu menu" id="mobile-menu">
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
</div>
<div class="container-fluid main">
<div class="row main">
<div class="d-none d-md-block menu">
<compodoc-menu mode="normal"></compodoc-menu>
</div>
<!-- START CONTENT -->
<div class="content module">
<div class="content-data">
<ol class="breadcrumb">
<li class="breadcrumb-item">Modules</li>
<li class="breadcrumb-item" >HasPermissionModule</li>
</ol>
<div class="text-center module-graph-container">
<div id="module-graph-svg">
<!-- Generated by graphviz version 2.47.0 (20210316.0004)
-->
<!-- Title: dependencies Pages: 1 -->
<svg width="2113pt" height="284pt"
viewBox="0.00 0.00 2113.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="white" stroke="transparent" points="-4,4 -4,-280 2109,-280 2109,4 -4,4"/>
<text text-anchor="start" x="1031.51" y="-42.4" font-family="Times-12" font-weight="bold" font-size="14.00">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="818.5,-10 818.5,-30 838.5,-30 838.5,-10 818.5,-10"/>
<text text-anchor="start" x="842.13" y="-15.4" font-family="Times-12" font-size="14.00">  Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="931.5,-10 931.5,-30 951.5,-30 951.5,-10 931.5,-10"/>
<text text-anchor="start" x="955.23" y="-15.4" font-family="Times-12" font-size="14.00">  Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="1017.5,-10 1017.5,-30 1037.5,-30 1037.5,-10 1017.5,-10"/>
<text text-anchor="start" x="1041.28" y="-15.4" font-family="Times-12" font-size="14.00">  Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="1114.5,-10 1114.5,-30 1134.5,-30 1134.5,-10 1114.5,-10"/>
<text text-anchor="start" x="1138.17" y="-15.4" font-family="Times-12" font-size="14.00">  Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="1210.5,-10 1210.5,-30 1230.5,-30 1230.5,-10 1210.5,-10"/>
<text text-anchor="start" x="1234.23" y="-15.4" font-family="Times-12" font-size="14.00">  Exports</text>
<g id="clust1" class="cluster">
<title>cluster_HasPermissionModule</title>
<polygon fill="none" stroke="black" stroke-dasharray="1,5" points="8,-70 8,-268 2097,-268 2097,-70 8,-70"/>
</g>
<g id="clust3" class="cluster">
<title>cluster_HasPermissionModule_imports</title>
<polygon fill="none" stroke="black" points="32,-78 32,-130 2078,-130 2078,-78 32,-78"/>
</g>
<g id="clust4" class="cluster">
<title>cluster_HasPermissionModule_exports</title>
<polygon fill="none" stroke="black" points="16,-208 16,-260 2089,-260 2089,-208 16,-208"/>
</g>
<!-- FormControlHasEnablePermissionDirective -->
<g id="node1" class="node">
<title>FormControlHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="2070.05,-122 2067.05,-126 2046.05,-126 2043.05,-122 1805.95,-122 1805.95,-86 2070.05,-86 2070.05,-122"/>
<text text-anchor="middle" x="1938" y="-99.8" font-family="Times,serif" font-size="14.00">FormControlHasEnablePermissionDirective</text>
</g>
<!-- HasPermissionModule -->
<g id="node9" class="node">
<title>HasPermissionModule</title>
<polygon fill="#8dd3c7" stroke="black" points="1079.54,-187 1076.54,-191 1055.54,-191 1052.54,-187 936.46,-187 936.46,-151 1079.54,-151 1079.54,-187"/>
<text text-anchor="middle" x="1008" y="-164.8" font-family="Times,serif" font-size="14.00">HasPermissionModule</text>
</g>
<!-- FormControlHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge1" class="edge">
<title>FormControlHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M1809.6,-122.22C1809.6,-140.83 1809.6,-167 1809.6,-167 1809.6,-167 1089.84,-167 1089.84,-167"/>
<polygon fill="black" stroke="black" points="1089.84,-163.5 1079.84,-167 1089.84,-170.5 1089.84,-163.5"/>
</g>
<!-- HasWritePermissionDirective -->
<g id="node2" class="node">
<title>HasWritePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="1787.94,-122 1784.94,-126 1763.94,-126 1760.94,-122 1604.06,-122 1604.06,-86 1787.94,-86 1787.94,-122"/>
<text text-anchor="middle" x="1696" y="-99.8" font-family="Times,serif" font-size="14.00">HasWritePermissionDirective</text>
</g>
<!-- HasWritePermissionDirective->HasPermissionModule -->
<g id="edge2" class="edge">
<title>HasWritePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M1728.07,-122.02C1728.07,-139.37 1728.07,-163 1728.07,-163 1728.07,-163 1089.68,-163 1089.68,-163"/>
<polygon fill="black" stroke="black" points="1089.68,-159.5 1079.68,-163 1089.68,-166.5 1089.68,-159.5"/>
</g>
<!-- IfHasPermissionDirective -->
<g id="node3" class="node">
<title>IfHasPermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="1585.89,-122 1582.89,-126 1561.89,-126 1558.89,-122 1424.11,-122 1424.11,-86 1585.89,-86 1585.89,-122"/>
<text text-anchor="middle" x="1505" y="-99.8" font-family="Times,serif" font-size="14.00">IfHasPermissionDirective</text>
</g>
<!-- IfHasPermissionDirective->HasPermissionModule -->
<g id="edge3" class="edge">
<title>IfHasPermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M1532.31,-122.01C1532.31,-138.05 1532.31,-159 1532.31,-159 1532.31,-159 1089.8,-159 1089.8,-159"/>
<polygon fill="black" stroke="black" points="1089.8,-155.5 1079.8,-159 1089.8,-162.5 1089.8,-155.5"/>
</g>
<!-- MatButtonHasEnablePermissionDirective -->
<g id="node4" class="node">
<title>MatButtonHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="1406.61,-122 1403.61,-126 1382.61,-126 1379.61,-122 1155.39,-122 1155.39,-86 1406.61,-86 1406.61,-122"/>
<text text-anchor="middle" x="1281" y="-99.8" font-family="Times,serif" font-size="14.00">MatButtonHasEnablePermissionDirective</text>
</g>
<!-- MatButtonHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge4" class="edge">
<title>MatButtonHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M1239.07,-122.12C1239.07,-136.78 1239.07,-155 1239.07,-155 1239.07,-155 1089.84,-155 1089.84,-155"/>
<polygon fill="black" stroke="black" points="1089.84,-151.5 1079.84,-155 1089.84,-158.5 1089.84,-151.5"/>
</g>
<!-- MatCheckboxHasEnablePermissionDirective -->
<g id="node5" class="node">
<title>MatCheckboxHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="1137.26,-122 1134.26,-126 1113.26,-126 1110.26,-122 866.74,-122 866.74,-86 1137.26,-86 1137.26,-122"/>
<text text-anchor="middle" x="1002" y="-99.8" font-family="Times,serif" font-size="14.00">MatCheckboxHasEnablePermissionDirective</text>
</g>
<!-- MatCheckboxHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge5" class="edge">
<title>MatCheckboxHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M1008,-122.11C1008,-122.11 1008,-140.99 1008,-140.99"/>
<polygon fill="black" stroke="black" points="1004.5,-140.99 1008,-150.99 1011.5,-140.99 1004.5,-140.99"/>
</g>
<!-- MatInputHasEnablePermissionDirective -->
<g id="node6" class="node">
<title>MatInputHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="848.54,-122 845.54,-126 824.54,-126 821.54,-122 605.46,-122 605.46,-86 848.54,-86 848.54,-122"/>
<text text-anchor="middle" x="727" y="-99.8" font-family="Times,serif" font-size="14.00">MatInputHasEnablePermissionDirective</text>
</g>
<!-- MatInputHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge6" class="edge">
<title>MatInputHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M764.01,-122.24C764.01,-137.57 764.01,-157 764.01,-157 764.01,-157 926.44,-157 926.44,-157"/>
<polygon fill="black" stroke="black" points="926.44,-160.5 936.44,-157 926.44,-153.5 926.44,-160.5"/>
</g>
<!-- MatSelectHasEnablePermissionDirective -->
<g id="node7" class="node">
<title>MatSelectHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="587.7,-122 584.7,-126 563.7,-126 560.7,-122 340.3,-122 340.3,-86 587.7,-86 587.7,-122"/>
<text text-anchor="middle" x="464" y="-99.8" font-family="Times,serif" font-size="14.00">MatSelectHasEnablePermissionDirective</text>
</g>
<!-- MatSelectHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge7" class="edge">
<title>MatSelectHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M583.22,-122.03C583.22,-139.06 583.22,-162 583.22,-162 583.22,-162 926.42,-162 926.42,-162"/>
<polygon fill="black" stroke="black" points="926.42,-165.5 936.42,-162 926.42,-158.5 926.42,-165.5"/>
</g>
<!-- MatSlideToggleHasEnablePermissionDirective -->
<g id="node8" class="node">
<title>MatSlideToggleHasEnablePermissionDirective</title>
<polygon fill="#8dd3c7" stroke="black" points="321.93,-122 318.93,-126 297.93,-126 294.93,-122 40.07,-122 40.07,-86 321.93,-86 321.93,-122"/>
<text text-anchor="middle" x="181" y="-99.8" font-family="Times,serif" font-size="14.00">MatSlideToggleHasEnablePermissionDirective</text>
</g>
<!-- MatSlideToggleHasEnablePermissionDirective->HasPermissionModule -->
<g id="edge8" class="edge">
<title>MatSlideToggleHasEnablePermissionDirective->HasPermissionModule</title>
<path fill="none" stroke="black" d="M315.84,-122.22C315.84,-140.83 315.84,-167 315.84,-167 315.84,-167 926.21,-167 926.21,-167"/>
<polygon fill="black" stroke="black" points="926.21,-170.5 936.21,-167 926.21,-163.5 926.21,-170.5"/>
</g>
<!-- FormControlHasEnablePermissionDirective -->
<g id="node10" class="node">
<title>FormControlHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="2080.55,-252 1813.45,-252 1813.45,-216 2080.55,-216 2080.55,-252"/>
<text text-anchor="middle" x="1947" y="-229.8" font-family="Times,serif" font-size="14.00">FormControlHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->FormControlHasEnablePermissionDirective -->
<g id="edge9" class="edge">
<title>HasPermissionModule->FormControlHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1079.71,-171C1298.33,-171 1941.62,-171 1941.62,-171 1941.62,-171 1941.62,-205.78 1941.62,-205.78"/>
<polygon fill="black" stroke="black" points="1938.13,-205.78 1941.62,-215.78 1945.13,-205.78 1938.13,-205.78"/>
</g>
<!-- HasWritePermissionDirective -->
<g id="node11" class="node">
<title>HasWritePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="1795.94,-252 1608.06,-252 1608.06,-216 1795.94,-216 1795.94,-252"/>
<text text-anchor="middle" x="1702" y="-229.8" font-family="Times,serif" font-size="14.00">HasWritePermissionDirective </text>
</g>
<!-- HasPermissionModule->HasWritePermissionDirective -->
<g id="edge10" class="edge">
<title>HasPermissionModule->HasWritePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1079.59,-175C1250.5,-175 1668.18,-175 1668.18,-175 1668.18,-175 1668.18,-205.98 1668.18,-205.98"/>
<polygon fill="black" stroke="black" points="1664.68,-205.98 1668.18,-215.98 1671.68,-205.98 1664.68,-205.98"/>
</g>
<!-- IfHasPermissionDirective -->
<g id="node12" class="node">
<title>IfHasPermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="1590.39,-252 1425.61,-252 1425.61,-216 1590.39,-216 1590.39,-252"/>
<text text-anchor="middle" x="1508" y="-229.8" font-family="Times,serif" font-size="14.00">IfHasPermissionDirective </text>
</g>
<!-- HasPermissionModule->IfHasPermissionDirective -->
<g id="edge11" class="edge">
<title>HasPermissionModule->IfHasPermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1079.78,-179C1211.61,-179 1478.94,-179 1478.94,-179 1478.94,-179 1478.94,-205.99 1478.94,-205.99"/>
<polygon fill="black" stroke="black" points="1475.44,-205.99 1478.94,-215.99 1482.44,-205.99 1475.44,-205.99"/>
</g>
<!-- MatButtonHasEnablePermissionDirective -->
<g id="node13" class="node">
<title>MatButtonHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="1407.61,-252 1152.39,-252 1152.39,-216 1407.61,-216 1407.61,-252"/>
<text text-anchor="middle" x="1280" y="-229.8" font-family="Times,serif" font-size="14.00">MatButtonHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->MatButtonHasEnablePermissionDirective -->
<g id="edge12" class="edge">
<title>HasPermissionModule->MatButtonHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1079.86,-183C1172.81,-183 1322.93,-183 1322.93,-183 1322.93,-183 1322.93,-205.88 1322.93,-205.88"/>
<polygon fill="black" stroke="black" points="1319.43,-205.88 1322.93,-215.88 1326.43,-205.88 1319.43,-205.88"/>
</g>
<!-- MatCheckboxHasEnablePermissionDirective -->
<g id="node14" class="node">
<title>MatCheckboxHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="1134.76,-252 861.24,-252 861.24,-216 1134.76,-216 1134.76,-252"/>
<text text-anchor="middle" x="998" y="-229.8" font-family="Times,serif" font-size="14.00">MatCheckboxHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->MatCheckboxHasEnablePermissionDirective -->
<g id="edge13" class="edge">
<title>HasPermissionModule->MatCheckboxHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M1008,-187.11C1008,-187.11 1008,-205.99 1008,-205.99"/>
<polygon fill="black" stroke="black" points="1004.5,-205.99 1008,-215.99 1011.5,-205.99 1004.5,-205.99"/>
</g>
<!-- MatInputHasEnablePermissionDirective -->
<g id="node15" class="node">
<title>MatInputHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="843.04,-252 596.96,-252 596.96,-216 843.04,-216 843.04,-252"/>
<text text-anchor="middle" x="720" y="-229.8" font-family="Times,serif" font-size="14.00">MatInputHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->MatInputHasEnablePermissionDirective -->
<g id="edge14" class="edge">
<title>HasPermissionModule->MatInputHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M936.26,-182C841.02,-182 684.74,-182 684.74,-182 684.74,-182 684.74,-205.81 684.74,-205.81"/>
<polygon fill="black" stroke="black" points="681.24,-205.81 684.74,-215.81 688.24,-205.81 681.24,-205.81"/>
</g>
<!-- MatSelectHasEnablePermissionDirective -->
<g id="node16" class="node">
<title>MatSelectHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="578.7,-252 327.3,-252 327.3,-216 578.7,-216 578.7,-252"/>
<text text-anchor="middle" x="453" y="-229.8" font-family="Times,serif" font-size="14.00">MatSelectHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->MatSelectHasEnablePermissionDirective -->
<g id="edge15" class="edge">
<title>HasPermissionModule->MatSelectHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M936.28,-177C787.57,-177 459.38,-177 459.38,-177 459.38,-177 459.38,-205.96 459.38,-205.96"/>
<polygon fill="black" stroke="black" points="455.88,-205.96 459.38,-215.96 462.88,-205.96 455.88,-205.96"/>
</g>
<!-- MatSlideToggleHasEnablePermissionDirective -->
<g id="node17" class="node">
<title>MatSlideToggleHasEnablePermissionDirective </title>
<polygon fill="#fb8072" stroke="black" points="309.93,-252 24.07,-252 24.07,-216 309.93,-216 309.93,-252"/>
<text text-anchor="middle" x="167" y="-229.8" font-family="Times,serif" font-size="14.00">MatSlideToggleHasEnablePermissionDirective </text>
</g>
<!-- HasPermissionModule->MatSlideToggleHasEnablePermissionDirective -->
<g id="edge16" class="edge">
<title>HasPermissionModule->MatSlideToggleHasEnablePermissionDirective </title>
<path fill="none" stroke="black" stroke-dasharray="5,2" d="M936.25,-172C734.16,-172 174.88,-172 174.88,-172 174.88,-172 174.88,-205.73 174.88,-205.73"/>
<polygon fill="black" stroke="black" points="171.38,-205.73 174.88,-215.73 178.38,-205.73 171.38,-205.73"/>
</g>
</g>
</svg>
</div>
<i id="fullscreen" class="icon ion-ios-resize module-graph-fullscreen-btn" aria-hidden="true"></i>
<div class="btn-group size-buttons">
<button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
<button id="reset" class="btn btn-default btn-sm">Reset</button>
<button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
</div>
</div>
<script src="../js/libs/svg-pan-zoom.min.js"></script>
<script src="../js/svg-pan-zoom.controls.js"></script>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a href="#info"
class="nav-link"
class="nav-link active"
role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
</li>
<li class="nav-item">
<a href="#source"
class="nav-link"
role="tab" id="source-tab" data-bs-toggle="tab" data-link="source">Source</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active in" id="info">
<p class="comment">
<h3>File</h3>
</p>
<p class="comment">
<code>src/lib/has-permission.module.ts</code>
</p>
<div class="container-fluid module">
<div class="row">
<div class="col-sm-3">
<h3>Imports<a href="https://angular.io/api/core/NgModule#imports" target="_blank" rel="noopener noreferrer"
title="Official documentation about module imports"><span
class="icon ion-ios-information-circle-outline"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../modules/FormControlHasEnablePermissionDirective.html">FormControlHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/HasWritePermissionDirective.html">HasWritePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/IfHasPermissionDirective.html">IfHasPermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/MatButtonHasEnablePermissionDirective.html">MatButtonHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/MatCheckboxHasEnablePermissionDirective.html">MatCheckboxHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/MatInputHasEnablePermissionDirective.html">MatInputHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/MatSelectHasEnablePermissionDirective.html">MatSelectHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../modules/MatSlideToggleHasEnablePermissionDirective.html">MatSlideToggleHasEnablePermissionDirective</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<h3>Exports<a href="https://angular.io/api/core/NgModule#exports" target="_blank" rel="noopener noreferrer"
title="Official documentation about module exports"><span
class="icon ion-ios-information-circle-outline"></a></h3>
<ul class="list-group">
<li class="list-group-item">
<a href="../directives/FormControlHasEnablePermissionDirective.html">FormControlHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/HasWritePermissionDirective.html">HasWritePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/IfHasPermissionDirective.html">IfHasPermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/MatButtonHasEnablePermissionDirective.html">MatButtonHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/MatCheckboxHasEnablePermissionDirective.html">MatCheckboxHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/MatInputHasEnablePermissionDirective.html">MatInputHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/MatSelectHasEnablePermissionDirective.html">MatSelectHasEnablePermissionDirective</a>
</li>
<li class="list-group-item">
<a href="../directives/MatSlideToggleHasEnablePermissionDirective.html">MatSlideToggleHasEnablePermissionDirective</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade tab-source-code" id="source">
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { NgModule } from '@angular/core';
import { FormControlHasEnablePermissionDirective } from './form-control-has-enable-permission.directive';
import { HasWritePermissionDirective } from './has-write-permission.directive';
import { IfHasPermissionDirective } from './if-has-permission.directive';
import { MatButtonHasEnablePermissionDirective } from './mat-button-has-enable-permission.directive';
import { MatCheckboxHasEnablePermissionDirective } from './mat-checkbox-has-enable-permission.directive';
import { MatInputHasEnablePermissionDirective } from './mat-input-has-enable-permission.directive';
import { MatSelectHasEnablePermissionDirective } from './mat-select-has-enable-permission.directive';
import { MatSlideToggleHasEnablePermissionDirective } from './mat-slide-toggle-has-enable-permission.directive';
@NgModule({
imports: [
MatButtonHasEnablePermissionDirective,
MatInputHasEnablePermissionDirective,
MatSelectHasEnablePermissionDirective,
MatCheckboxHasEnablePermissionDirective,
MatSlideToggleHasEnablePermissionDirective,
FormControlHasEnablePermissionDirective,
IfHasPermissionDirective,
HasWritePermissionDirective,
],
exports: [
MatButtonHasEnablePermissionDirective,
MatInputHasEnablePermissionDirective,
MatSelectHasEnablePermissionDirective,
MatCheckboxHasEnablePermissionDirective,
MatSlideToggleHasEnablePermissionDirective,
FormControlHasEnablePermissionDirective,
IfHasPermissionDirective,
HasWritePermissionDirective,
],
})
export class HasPermissionModule {
}
</code></pre>
</div>
</div>
</div><div class="search-results">
<div class="has-results">
<h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
<ul class="search-results-list"></ul>
</div>
<div class="no-results">
<h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
</div>
</div>
</div>
<!-- END CONTENT -->
</div>
</div>
<label class="dark-mode-switch">
<input type="checkbox">
<span class="slider">
<svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
</svg>
</span>
</label>
<script>
var COMPODOC_CURRENT_PAGE_DEPTH = 1;
var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
var COMPODOC_CURRENT_PAGE_URL = 'HasPermissionModule.html';
var MAX_SEARCH_RESULTS = 15;
</script>
<script>
$darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
checkToggle(darkModeState);
if ($darkModeToggleSwitchers.length > 0) {
for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
$darkModeToggleSwitchers[i].addEventListener('change', function (event) {
darkModeState = !darkModeState;
toggleDarkMode(darkModeState);
});
}
}
</script>
<script src="../js/libs/custom-elements.min.js"></script>
<script src="../js/libs/lit-html.js"></script>
<script src="../js/menu-wc.js" defer></script>
<script nomodule src="../js/menu-wc_es5.js" defer></script>
<script src="../js/libs/bootstrap-native.js"></script>
<script src="../js/libs/es6-shim.min.js"></script>
<script src="../js/libs/EventDispatcher.js"></script>
<script src="../js/libs/promise.min.js"></script>
<script src="../js/libs/zepto.min.js"></script>
<script src="../js/compodoc.js"></script>
<script src="../js/tabs.js"></script>
<script src="../js/menu.js"></script>
<script src="../js/libs/clipboard.min.js"></script>
<script src="../js/libs/prism.js"></script>
<script src="../js/sourceCode.js"></script>
<script src="../js/search/search.js"></script>
<script src="../js/search/lunr.min.js"></script>
<script src="../js/search/search-lunr.js"></script>
<script src="../js/search/search_index.js"></script>
<script src="../js/lazy-load-graphs.js"></script>
</body>
</html>