小编tek*_*kin的帖子

您将如何使用Angular 2管理用户角色和权限

我正在开发一个新的Angular2应用程序,我想知道如何管理某些角色可访问的路由以及为某些角色创建,编辑和删除项目的权限.

我想知道你是如何解决这个问题的:

  • 如何管理对某些UI元素的访问?应用程序如何知道显示或隐藏它?你为此使用单一服务吗?或者您是否为应用中的不同位置创建了不同的条件?

  • 你如何管理你的路由?你使用CanActivate,CanActivateChild,CanLoad等吗?您是为所有路由构建单一保护服务还是为不同模块或组件提供不同服务?

  • 最后一个问题.分割应用程序的最佳方法是什么,然后你可以像CMS一样出售它?我的意思是我们如何才能实现从市场上加载其他模块的可能性,并将其添加到您的应用程序中?

你如何解决类似的问题?

我们非常感谢任何有关这些主题的材料的指导,经验或指示.提前致谢.

permissions user-roles angular

22
推荐指数
3
解决办法
2万
查看次数

自定义属性的角度转换

我有一个开关小部件,它使用自定义数据属性值来标记自身。

.switch.switch-text .switch-label::before {
  right: 1px;
  color: #c2cfd6;
  content: attr(data-hide);
  }
  
  .switch.switch-text .switch-label::after {
  left: 1px;
  color: #c2cfd6;
  content: attr(data-show);
  opacity: 0;
}

.switch.switch-text .switch-input:checked ~ .switch-label::before {
  opacity: 0;
}

.switch.switch-text .switch-input:checked ~ .switch-label::after {
  opacity: 1;
}
Run Code Online (Sandbox Code Playgroud)
<label class="switch switch-text switch-pill switch-primary">
                            <input type="checkbox" class="switch-input" checked>
                            <span class="switch-label" attr.data-show="{{GLOBALS.ACTIONS.SHOW | translate}}" attr.data-hide="{{GLOBALS.ACTIONS.HIDE | translate}}"></span>
                            <span class="switch-handle"></span>
                        </label>
Run Code Online (Sandbox Code Playgroud)

但它不起作用。我查看了与类似问题相关的不同答案,但有人说它有效,有人说它无效。如果我用户没有 attr。在前面我无论如何都会收到绑定错误,因为它无法识别该属性。

如何使用角度翻译来翻译自定义属性的值?

custom-attribute angular-translate angular

3
推荐指数
1
解决办法
2325
查看次数