小编Sci*_*ion的帖子

如何在Angular中声明模板中的变量

我有以下模板:

<div>
  <span>{{aVariable}}</span>
</div>
Run Code Online (Sandbox Code Playgroud)

并希望最终得到:

<div "let a = aVariable">
  <span>{{a}}</span>
</div>
Run Code Online (Sandbox Code Playgroud)

有办法吗?

html angular

147
推荐指数
12
解决办法
25万
查看次数

Angular2用ngClass做其他事情

我有以下模板:

<p [ngClass]="{checked: condition, unchecked: !condition}">
Run Code Online (Sandbox Code Playgroud)

虽然这是有效的,但我发现它有点难看,因为我必须重复两次条件.有没有办法像:( [ngClass]={condition ? checked : unchecked}这是行不通的)

谢谢

html ng-class angular

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

播放2.5什么是akka.stream.Materializer有用吗?

我最近开始使用Play 2.5,我想知道做以下事情的目的是什么:

@Inject() (implicit val mat: Materializer)
Run Code Online (Sandbox Code Playgroud)

我有几段代码没有工作,并且由于这个问题解决了这个问题,但我仍然没有看到这个代码正在做什么.

谢谢

scala playframework

16
推荐指数
1
解决办法
7143
查看次数

JavaScript中的强制

我想知道一些关于胁迫的事情.

当你这样做时:

1 == true // true
Run Code Online (Sandbox Code Playgroud)

哪一个被强制进入哪一个?是左边还是右边的?

当你这样做

undefined == null // true
Run Code Online (Sandbox Code Playgroud)

它是如何工作的?它以哪种顺序尝试转换它?通过实例:

1)    String(undefined) == String(null) // false
2)    Number(undefined) == Number(null) // false
3)    Boolean(undefined) == Boolean(null) // true
Run Code Online (Sandbox Code Playgroud)

它是否首先尝试强制左侧操作数?那么对吧?那么两个?

编辑:正如评论中所解释的那样:"不是重复.虽然这两个问题都是关于类型强制的,但是这个问题要求哪个操作数被强制转换为另一个.另一个是关于评估强制类型时的真实来源"

javascript coercion

15
推荐指数
1
解决办法
1036
查看次数

Angular2在自定义ErrorHandler中注入服务

我有以下代码:

app.module.ts:

NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        RouterModule,
        BrowserModule,
        ReactiveFormsModule,
        FormsModule,
        HttpModule,
        AppRoutingModule // Routes
    ],
    providers: [ // services
        AppLog,
        {provide: ErrorHandler, useClass: MyErrorHandler}
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}
Run Code Online (Sandbox Code Playgroud)

MyErrorHandler.ts:

@Injectable()
export class MyErrorHandler implements ErrorHandler {
  constructor (private _appLog: AppLog) {}

  handleError(error:any):void {
    let errorMessage: string = "" + error
    this._appLog.logMessageAsJson(errorMessage, "error")
            .subscribe(
              ...
            )
  }
}
Run Code Online (Sandbox Code Playgroud)

appLog.ts

@Injectable()
export class AppLog {
    constructor (private _http: Http) {}

    logMessageAsJson(message: string, type: string) { …
Run Code Online (Sandbox Code Playgroud)

error-handling angular

14
推荐指数
2
解决办法
3473
查看次数

Angular2 @ angular /和angular2/imports之间的差异

虽然看着有些Angular2项目,我看到了两个不同类型的进口:有的开始@angular/喜欢@angular/core通过实例,和其他一些有angular2(angular2/core).

有什么不同 ?它来自哪里?

angular

13
推荐指数
1
解决办法
697
查看次数

Angular 4 Animations添加参数

这是我制作的随机动画

    import { trigger, animate, transition, style, keyframes} from '@angular/animations';

    export const customAnimation=
        trigger('customAnimation', [
            transition(':leave', [
                style({position: 'relative'}),
                animate("250ms ease-in", keyframes([
                    style({top: 0}),
                    style({top: -300}),
                ]))
            ])
        ])
Run Code Online (Sandbox Code Playgroud)

然后我将它导入我的组件.(animations: [customAnimation] )但是,我想使用新的参数功能:(http://sudheerjonna.com/blog/2017/06/30/angular-4-2-release-an-improved-version-for-animation-包/).

例如,-300将成为一个参数,我会通过以下方式在我的模板元素上调用它:

<div [@customAnimation]="{pixels: -300}">
Run Code Online (Sandbox Code Playgroud)

因为我不想使用animation()useAnimation()我想在特定的dom元素上使用(不使用query()任何一个),我根本没有设法做到这一点.

编辑:

得到它:

export const leavingTowardsTop=
    trigger('leavingTowardsTop', [
        transition(':leave', [
            style({position: 'relative'}),
            animate("250ms ease-in", keyframes([
                style({top: 0}),
                style({top: "{{pixels}}"})
            ]))
        ], {params : { pixels: "-30px" }})
    ])
Run Code Online (Sandbox Code Playgroud)

唯一问题,我不能指定另一个值而不是默认值(-30).我试过了 :

[@leavingTowardsTop]="{params : { pixels: '-300px' …
Run Code Online (Sandbox Code Playgroud)

animation angular

12
推荐指数
2
解决办法
5745
查看次数

管道改造后获取ngFor中的数组长度

我有以下模板:

<div *ngFor="let item of myArray | customPipe1 | customPipe2; let l = length">
  Here is the length of my ngFor : {{l}}
</div>
Run Code Online (Sandbox Code Playgroud)

不幸的是,ngFor中不存在长度.我如何解决这个问题,以便在我的ngFor中提供长度?

angular2-pipe angular

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

我应该在生产中使用vendorChunk吗

我使用Angular6,我在想,如果这是更好地集"vendorChunk"truefalse生产。我知道它的作用,但是我不确定在生产中使用的最佳价值。

angular

11
推荐指数
3
解决办法
2987
查看次数

使用时刻和时刻tz

我最近添加到我的项目时刻 - 时区.现在我开始使用它,我注意到我几乎取代了所有我的

import * as moment from "moment" 
Run Code Online (Sandbox Code Playgroud)

通过

import * as moment from "moment-timezone" 
Run Code Online (Sandbox Code Playgroud)

我认为没有任何理由可以随时待命.在删除它之前我应该​​注意哪些限制?

javascript date momentjs

10
推荐指数
1
解决办法
3638
查看次数