小编Bar*_*uch的帖子

我之前看到Angular2推出了RC5,所以我决定更新我的一个测试应用程序以查看更改以及如何调整.这个应用程序正在使用Material2,我也将它更新为Alpha 7.2,但我在尝试使用md-button组件时遇到此错误

"模板解析错误:无法绑定到'md-ripple-trigger',因为它不是'div'的已知属性.("*ngIf ="isRippleEnabled()"class ="md-button-ripple"[ class.md-button-ripple-round] ="isRoundButton()"[错误 - >] [md-ripple-trigger] ="getHostElement()"[md-ripple-color] ="isRoundButton()？'rgba( 255,255,255,0.2)"):MdButton @ 0:180无法绑定到'md-ripple-color',因为它不是'div'的已知属性.("ton-ripple"[class.md-button-ripple-round] ="isRoundButton()"[md-ripple-trigger] ="getHostElement()"[ERROR - >] [md-ripple-color] =" isRoundButton()？'rgba(255,255,255,0.2)':''"md-ripple-background-color ="rgb"):MdButton @ 0:219"

我正在尝试添加一个名为的新组件上使用它nav-bar,这里是添加了Material的Angular CLI创建的文件

TypeScript文件

import { Component, OnInit } from '@angular/core';
import { MdToolbar } from '@angular2-material/toolbar';
import { MdButton } from '@angular2-material/button';
import { MdIcon, MdIconRegistry } from '@angular2-material/icon';

@Component({
  moduleId: module.id,
  selector: 'nav-bar',
  templateUrl: 'nav-bar.component.html',
  styleUrls: ['nav-bar.component.css'],
  directives: [ 
    MdToolbar, 
    MdButton,
    MdIcon 
  ],
  providers: [ 
    MdIconRegistry 
  ]
})

export class NavBarComponent implements …

随着上周Sencha CMD和ExtJS 6.5的发布,我很高兴在我的ExtJS项目中使用ES6课程.与此说,"文件"的唯一排序我已经能够找到有关如何在ExtJS的实施ES6类会谈是这个职位从去年十月.虽然它给出了一个例子,但我认为我遗漏了一些东西,因为我在构建过程中遇到了以下错误.

[ERR] C2001: Closure Compiler Error (Character '@' (U+0040) is not a valid identifier start char) -- path/to/project/Foo.js:4
[ERR] C2001: Closure Compiler Error (primary expression expected) -- path/to/projectFoo.js:4:7

Foo.js

import { define }     from 'extjs-kernel'; // module names not final
import { Observable } from 'extjs-core';

import { Base }       from 'app-some';

@define({
    mixins: Observable,
    config: {
        value: null
    }
})
export default class Foo extends Base {
    updateValue (value, oldValue) {
        this.fireEvent('valuechange', value, oldValue);
    } …

我正在开发一个微前端应用程序。我们正在构建一个库来管理所有用户数据、权限、角色等。

<ApolloProvider client={userManagementClient}>
  {children}
</ApolloProvider>

这将在许多应用程序中使用，它看起来像这样：

<ApolloProvider client={appClient}>
  <UserManagementProvider><App /></UserManagementProvider>
</ApolloProvider>

问题是应用程序的 ApolloProvider 不起作用，因为查询是针对图书馆的数据源而不是应用程序进行的。

有谁知道嵌套或多个 ApolloProvider 的方法吗？

我正在尝试添加一个window:scroll监听器,但滚动时没有任何反应

到目前为止我尝试过的:

使用host内部组件装饰器

@Component({
  ...
  host: {
    'window:scroll' : 'onWindowScroll($event)'
  },
  ...
)
export class PageWrapperComponent implements OnInit {
  ...
  public onWindowScroll(event: Event): void {
    console.log('scrolled');
  }
  ...
}

使用HostListener内部组件装饰器

export class PageWrapperComponent implements OnInit {
  ...
  @HostListener('window:scroll', ['$event'])
  public onWindowScroll(event: Event): void {
    console.log('scrolled');
  }
  ...
}

我也尝试在属性指令中使用它,但它也不起作用

两者都不会触发console log.我在SO中搜索过类似的问题,但即使我的代码基本相同,它仍然无效.

编辑

我能够解释为什么window:scroll没有工作,我正在使用host组件库,我覆盖了HostListener高度,console log它不喜欢那样.