小编Ada*_*m S的帖子

在输入焦点上设置bootstrap input-group-addon的样式

即使我真的没有希望,我也只想在相关输入聚焦时input-group-addon 在CSS中设置 bootstrap样式.如果输入在插件之前,如下所示:

<input class="form-control" type="email" placeholder="Enter email">
<div class="input-group-addon">@</div>
Run Code Online (Sandbox Code Playgroud)

没问题,很简单:

input:focus + .input-group-addon {
  background: $color;
  color: white;
}
Run Code Online (Sandbox Code Playgroud)

但是假设它也可以放在后面,如果有人在这种情况下有一个基于CSS的解决方案,它会很棒.

css twitter-bootstrap

7
推荐指数
1
解决办法
8021
查看次数

Angular 2 - 无法解析组件的所有参数:(?)

我开始使用Angular2应用程序,自从几天起我就遇到了问题!

Can't resolve all parameters for HomeComponent: (?).(…) 
Run Code Online (Sandbox Code Playgroud)

但我的问题不是特定的提供者:我尝试在HomeComponent构造函数中注入的每一个都返回该错误.没有关于错误的类似问题解决了我的情况,现在我花了很多时间寻找这个,我找不到它.

App.moodule.ts:

  import { NgModule }      from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { RouterModule }   from '@angular/router';
  import { SimpleNotificationsModule } from 'angular2-notifications';

  // Controllers
  import { AppComponent }  from './app.component';
  import { HomeComponent }  from './components/home.component';

  // Service
  import { AuthService } from './services/auth.service';

  // Guards
  import { AuthGuard } from './guards/auth.guard';

  @NgModule({
    imports: [ 
        BrowserModule,
        RouterModule.forRoot([
        {
          path: '',
          component: HomeComponent,
          canActivate: [AuthGuard]
        }
      ]),
      SimpleNotificationsModule
    ], …
Run Code Online (Sandbox Code Playgroud)

components dependency-injection angular

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

Angular - 路由器导航无理由取​​消

我有一个角度(4.2.5)的应用程序,在我的代码中的某些时候,我这样做:

this._appService
    .post('/createhero/save', opts)
    .subscribe(
        (resData: any) => 
        {   
            this._router.navigate(['home']);
        }
    );
Run Code Online (Sandbox Code Playgroud)

路由器调用navigate()不起作用 - 没有任何反应.我启用了路由调试,这就是我得到的:

错误

因此导航在没有给出理由的情况下被取消 在其他组件中,我有相同的类型navigate()(一些在可观察的回调中),它运行良好.路线/home也有效.

我开始没有想法,我甚至不知道为什么navigate()在这种情况下不会起作用.

javascript routes angular-routing angular

4
推荐指数
1
解决办法
3840
查看次数

SQL 唯一性:手动检查与捕获异常

我正在开发一个大型数据库,我正在寻找可以加速数据库的一切。问题是:当您在某些字段上有唯一索引时,发出选择请求以检查它是否正常,或者尝试它并在条目已经存在时捕获异常之间的速度有多快?

我做了一些研究,但没有定论。谢谢。

sql unique

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

Angular2 - 扩展路由器和Observable

在使用路由器模块v 3.0.0.6alpha的angular2 rc2中,我扩展了RouterOulet以检查用户是否在访问管理员之前已登录.所以这是代码:

@Directive({
    selector: 'router-outlet'
})

export class LoggedInRouterOutlet extends RouterOutlet 
{
    publicRoutes: Array<string>;
    private parentOutletMap: RouterOutletMap;
    private userService: UserService;
    private parentRouter: Router;

    constructor(
        parentOutletMap: RouterOutletMap,
        _location: ViewContainerRef,
        @Attribute('name') name: string,
        userService: UserService,
        parentRouter: Router
    ) { 
        super(parentOutletMap, _location, name);

        this.parentRouter = parentRouter;
        this.parentOutletMap = parentOutletMap;
        this.userService = userService;
        this.publicRoutes = [
            'public', 
            'login'
        ];
    }

    activate(factory: ComponentFactory<any>, activatedRoute: ActivatedRoute, providers: ResolvedReflectiveProvider[], outletMap: RouterOutletMap) 
    {
        if (this._canActivate(factory.selector)) { 
            return super.activate(factory, activatedRoute, providers, outletMap); 
        }

        this.parentRouter.navigate(['/login']);
    }

    _canActivate(url) {
        return …
Run Code Online (Sandbox Code Playgroud)

javascript login node.js angular2-router angular

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

打字稿中的输出和目录结构

假设我的项目有给定的目录结构:

project 
| app
  | dist
  | src
    | components
      | some .ts files
    | services
      | some .ts files
    | some ts files
Run Code Online (Sandbox Code Playgroud)

我想在 dist 中包含打字稿编译的输出,但从 app 开始具有相同的结构。编译后我想要的示例

project 
| app
  | dist
      components
      | some .js files
    | services
      | some .js files
    | some js files
  | src
    | components
      | some .ts files
    | services
      | some .ts files
    | some ts files
Run Code Online (Sandbox Code Playgroud)

但我尝试了我能想到的所有可能的编译选项解决方案,我对 dist 文件夹的结果始终是这样的:

project 
| app
  | dist
    | app 
      | src
        | …
Run Code Online (Sandbox Code Playgroud)

typescript

2
推荐指数
1
解决办法
9604
查看次数

导航后Angular 2视图无响应

我有一个使用角度2的api驱动应用程序.我创建了一个扩展angular2-sails的全局服务,如果对调用的响应是401 PLEASE_LOGIN,则将用户重定向到注册组件.

问题是当我重定向到注册组件时,视图(正确加载)不响应用户操作.没有错误,组件方法在我调用和工作时,例如,单击一个按钮,但视图只是没有反应或更新.

我的设置如下:我的主组件模板引用了user-sidebar.component.此侧边栏组件具有ngOnInit方法,该方法向后端询问经过身份验证的用户.如果没有经过身份验证的用户,则加载它的服务会重定向到/ signup

我的user-sidebar.component ngOnInit方法:

ngOnInit(): void 
{
    this._authService
        .me()
        .subscribe(
            (resData: Object) => { this.user = resData.data; },
            (err: any) => { console.log(err); }
        );
}
Run Code Online (Sandbox Code Playgroud)

AuthService .me()方法

me(): any 
{
    return this._appService.get('/me');
}
Run Code Online (Sandbox Code Playgroud)

我的app.service get方法:

get(path: string, data: Object): Observable
{
    return this._sailsService.get(path, data)
        .catch(this.handleError.bind(this));
}

public handleError(err: Response): void
{
    // If the server response with unhautorized, redirect to login / signup page
    if(err.statusCode == 401 && err.error == 'PLEASE_LOGIN')
    { 
        this._router.navigate(['/signup']);
    } …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-routing angular

2
推荐指数
1
解决办法
1392
查看次数