{"id":84304,"date":"2024-11-17T22:28:40","date_gmt":"2024-11-17T18:58:40","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/angular-rbac-the-rbac-lightweight-library-for-your-next-angular-projects-172g\/"},"modified":"2024-11-17T22:28:40","modified_gmt":"2024-11-17T18:58:40","slug":"angular-rbac-the-rbac-lightweight-library-for-your-next-angular-projects-172g","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/angular-rbac-the-rbac-lightweight-library-for-your-next-angular-projects-172g\/","title":{"rendered":"angular-rbac \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0633\u0628\u06a9 \u0648\u0632\u0646 RBAC \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc Angular \u0628\u0639\u062f\u06cc \u0634\u0645\u0627"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang
\n \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647 \u062f\u0648 \u0686\u06cc\u0632 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f:<\/p>\n

\u06a9\u0646\u062a\u0631\u0644 DOM \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06cc\u0627 \u067e\u0646\u0647\u0627\u0646 \u06a9\u0631\u062f\u0646 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0646\u0645\u0627\u06cc \u0634\u0645\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0642\u0634\u200c\u0647\u0627\/\u0645\u062c\u0648\u0632\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631.
\n\u0628\u0627 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0627\u0632\u062f\u06cc\u062f\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0645\u062f\u06cc\u0631\u060c \u0627\u0632 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u062e\u0648\u062f \u0645\u062d\u0627\u0641\u0638\u062a \u06a9\u0646\u06cc\u062f.
\n\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0633\u06cc\u0631\u0647\u0627 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0642\u0634 \u0647\u0627 \u0648 \u067e\u0631\u0646\u06cc\u0634 \u0647\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 Angular CanMatch \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u06cc\u0627 \u0639\u062f\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u06cc\u06a9 \u0634\u0631\u0637 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

angular-rbac \u062a\u0645\u0627\u0645 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0641\u0648\u0642 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642:<\/p>\n

CanAccessDirective \u062f\u0633\u062a\u0648\u0631\u0627\u0644\u0639\u0645\u0644 \u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 DOM<\/p>\n

<div
\n *canAccess=”{ roles: [‘admin’], permissions: [‘user-delete’] }; other: noPermissionTemplate”>
\n <div>Protected users list herediv>
\ndiv><\/p>\n

<ng-template #noPermissionTemplate>
\n <p>You do not have permission!p>
\nng-template><\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0633\u0647 \u0645\u062d\u0627\u0641\u0638 RBAC \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647<\/p>\n

\u0645\u062d\u0627\u0641\u0638\u200c\u0647\u0627\u06cc angular-rbac \u0646\u0642\u0634\u200c\u0647\u0627 \u0648 \u0645\u062c\u0648\u0632\u0647\u0627\u06cc \u0645\u062c\u0627\u0632 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u062e\u0627\u0635 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u060c RedirectUrl \u062f\u0631 \u0635\u0648\u0631\u062a \u062e\u0631\u0627\u0628\u06cc \u0648 Boolean \u0628\u0631\u0627\u06cc skipLocationChange<\/p>\n

canMatchAccessGuard \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0633\u06cc\u0631 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637 CanMatch<\/p>\n

{
\n path: “planet”,
\n component: LayoutComponent,
\n loadChildren: () => import(“.\/features\/planet\/planet.routes”).then((routes) => routes.PLANET_ROUTES),
\n canActivateChild: [canActivateChildAccessGuard({ roles: [“admin”], permissions: [“read-planets”, “create-planets”] }, “\/auth\/login”, true)],
\n }<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0622\u0646 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062fGithub: https:\/\/github.com\/fatehMohamed14\/angular-rbacNPM: https:\/\/www.npmjs.com\/package\/@fatehmoh\/angular-rbac<\/p>\n

\n

\u0628\u0631\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f\u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647 \u062f\u0648 \u0686\u06cc\u0632 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f:<\/p>\n