1

我正在尝试使用 templateUrl 实现一个螺旋角组件。

我可以使它与“模板”一起使用，但是当我更改为 templateUrl 时它不起作用。

piral 提供的所有文档和示例都使用模板。

这是我的模板组件：

    import { Component, Inject } from '@angular/core';
    
    @Component({
      template: `
        <div class="tile">
          <h3>Angular: {{ counter }}</h3>
          <p>
            {{ props.rows }} rows and {{ props.columns }} columns
            <extension-component name="smiley"></extension-component>
          </p>
          <button (click)="increment()">Increment</button>
          <button (click)="decrement()">Decrement</button>
        </div>
      `,
    })
    export class TileComponent {
      public counter = 0;
    
      constructor(@Inject('Props') public props: any) {}
    
      increment() {
        this.counter += 1;
      }
    
      decrement() {
        this.counter -= 1;
      }
    }

这是我的带有 templateUrl 的组件：

    import { Component, OnInit } from '@angular/core';
    
    @Component({
        templateUrl: './app.component.html',
        styleUrls: ['./app.component.css']
    })
    export class HelloWorldComponent implements OnInit {
      constructor() { }
      ngOnInit(): void {
      }
    }

我尝试将选择器添加到“扩展组件”，但它不起作用，我收到“错误：选择器“扩展组件”不匹配任何元素”

您知道 Piral 是否支持此功能？谁能指出我的工作示例？

4

0 回答 0