当前位置: 首页 > 面试题库 >

带有Angular UI-Router的动态主体类

花阳秋
2023-03-14
问题内容

我正在尝试找到一种优雅的方法来创建一个自定义body标签 动态类,该类可以从中轻松ui-router configurations设置,如果未设置,则可以使用默认选项或不使用。

例:

routes.js

$stateProvider
      .state('login', {
           url: "/login",
           template: 'Login'
      })
      .state('register', {
           url: "/register",
           template: 'Register'
      }).
      .state('profile', {
           url: "/profile",
           template: 'Profile'
      });;

简单标记HTML

<html>
   <body class=""> <!-- Dynamically class to change -->
      <div ui-view></div>
   </body>
</html>

场景:

1 -参观state 登录 我应该有 一流 的身体等于auth

2-此时访问state 寄存器 ,它将具有相同的auth

3-访问state 个人资料* ,身体将具有 默认 类别或 没有 默认 类别 *

您如何实现的?


问题答案:

您可以拥有一个主AppController来控制它:

<html ng-app="app" ng-controller="AppController as appController">
...
<body class="{{ appController.bodyClasses }}">

在AppController内部:

var vm = this;
vm.bodyClasses = 'default';

// this'll be called on every state change in the app
$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
    if (angular.isDefined(toState.data.bodyClasses)) {
        vm.bodyClasses = toState.data.bodyClasses;
        return;
    }

    vm.bodyClasses = 'default';
});

内部路线定义:

  .state('register', {
       url: "/register",
       template: 'Register',
       data: {
           bodyClasses: 'auth'
       }
  });

有关此数据属性策略的更多信息,请参见UI Router文档。



 类似资料:
  • 首选框架是Spring Web Service,但也欢迎其他解决方案。 问候,

  • 问题内容: 在非常老的项目中修复错误期间,我遇到了奇怪的方法,它看起来像这样: 它会导致暂停时间,还是会因JVM优化而被忽略? 问题答案: JIT运行几次后将对其进行优化。JVM在第一次运行时,需要检查是否正在递增的值未在任何地方使用。

  • 问题内容: 将请求正文与GET请求一起传递是否违反REST风格? 例如在Elasticsearch中过滤一些信息 甚至设计了一些工具来避免GET请求中的请求主体(例如邮递员) 问题答案: 从RFC: GET请求消息中的有效负载没有定义的语义。在GET请求上发送有效内容正文可能会导致某些现有实现拒绝该请求。 换句话说,这不是禁止的,但是它是未定义的行为,应避免使用。HTTP客户端,服务器和代理可以随

  • Angular UI 顾名思义,AngularJS 的UI增强指令集,提供了IE、jQuery 兼容,以及一些常用 UI 组件。 包含的模块有:      UI-Utils     UI-Modules     UI-Alias     UI-Bootstrap     NG-Grid     UI-Router     IDE Plugins     GSoC

  • 问题内容: 在我的网站上,我正在创建发票功能。发票具有静态信息:公司信息和收件人信息。但是它也具有动态信息:小时数,描述,总金额等。客户可以使用上面的动态信息添加多行。 现在我的问题是,如何将其实现到数据库中? 目前,我有一个名为“发票”的表,其中的列将包含上面的所有信息。但是通过这种方式,行将具有不必要的信息,例如公司和收货人信息,而实际上每个发票只需要插入一次即可。 你们认为我将如何解决这个问