小编JoG*_*JoG的帖子

Angular CDK:如何在ComponentPortal中设置输入

我想从材料CDK 使用新的Portal在表单的多个部分中注入动态内容.

我有一个复杂的表单结构,目标是有一个表单,指定子组件可以(或不)注入模板的多个位置.

也许CDK门户网站不是最好的解决方案?

我试了一下,但我确定这不是做的事情:https: //stackblitz.com/edit/angular-yuz1kg

我也尝试过,new ComponentPortal(MyPortalComponent)但我们如何设置输入呢?通常是这样的componentRef.component.instance.myInput

angular-material2 angular angular-cdk

21
推荐指数
6
解决办法
8363
查看次数

如何在 Angular 中通过 graphQL Apollo 测试控制器使用 rxjs 弹珠测试

我想在 Angular 中测试 GraphQL 订阅

  1. 进行查询
  2. 使用以下命令将订阅附加到查询subscribeToMore
  3. 通过在其操作中使用flush来模拟查询结果并验证结果
  4. 通过在其操作上使用flush来模拟订阅结果并验证结果

我按照有关客户端测试的 Apollo 文档成功地进行了良好的测试:

const ENTITY_QUERY = gql`
  query EntityList {
    entityList {
      id
      content
    }
  }
`;

const ENTITY_SUBSCRIPTION = gql`
  subscription OnNameChanged {
    nameChanged {
      id
      name
    }
  }
`;

describe('Test Subscription', () => {
  let backend: ApolloTestingController;
  let apollo: Apollo;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [ApolloTestingModule],
      providers: [
        {
          provide: APOLLO_TESTING_CACHE,
          useValue: new InMemoryCache({ addTypename: true })
        }
      ]
    });
    backend = TestBed.get(ApolloTestingController);
    apollo = TestBed.get(Apollo); …
Run Code Online (Sandbox Code Playgroud)

rxjs apollo graphql angular rxjs-marbles

5
推荐指数
0
解决办法
590
查看次数

运行chrome headless时无效的节点通道消息

我试图在亚马逊机器上运行chrome,以便能够在无头模式下使用它,但是当我想启动它时它失败了:

[root@ip-*** dev]# google-chrome --version
Google Chrome 59.0.3071.115


[root@ip-*** ec2-user]# google-chrome --headless --disable-gpu --remote-debugging-port=9222 https://www.chromestatus.com
[0705/030438.715171:WARNING:audio_manager.cc(293)] Multiple instances of AudioManager detected
[0705/030438.715202:WARNING:audio_manager.cc(254)] Multiple instances of AudioManager detected
Trace/breakpoint trap
[root@ip-*** ec2-user]# [0100/000000.732486:ERROR:broker_posix.cc(41)] Invalid node channel message
Run Code Online (Sandbox Code Playgroud)

有人已经成功在ec2上运行chrome吗?

amazon-ec2 google-chrome-headless

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

TemplateRef内容到变量

我想以ng-content简单的字符串形式获取组件的innerText 以便能够重用它。

我尝试过这样的事情:

@Component({
  selector: 'my-comp',
  template: `
    <div class="text-container">
      <span class="text" [title]="text">{{text}}</span>
    </div>
    <ng-template #text>
      <ng-content></ng-content>
    </ng-template>
  `
})
export class MyComponent implements AfterViewInit {
  @ViewChild('text') text: TemplateRef<string>;

  ngAfterViewInit(): void {
    console.log(this.text);
  }
}
Run Code Online (Sandbox Code Playgroud)

我这样使用它:

<my-com>
  My simple string text
</my-com>
Run Code Online (Sandbox Code Playgroud)

目的是让我的字符串My simple string text进入变量text...

有什么想法吗?

typescript transclusion angular

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