Tôi có một bộ các thành phần polymer tùy chỉnh, mà tôi muốn sử dụng trong ứng dụng góc 2.Các nguyên tố polyme nằm trong góc 2 thành phần
Có vẻ như có sự cố liên quan đến thẻ nội dung của phần tử polymer. Nội dung của phần tử được hiển thị ở vị trí sai trong phần tử polymer, nếu phần tử nằm trong một thành phần góc 2.
Ví dụ:
Mẫu của nguyên tố polymer của tôi "nút của tôi" trông như thế này:
<template>
<button>
<content></content>
</button>
</template>
Sử dụng bên ngoài góc
Khi tôi sử dụng yếu tố này bên ngoài của góc của tôi 2 thành phần, tôi nhận được kết quả mà tôi mong đợi:
Sử dụng:
<my-button>Foo</my-button>
Kết quả:
<my-button>
<button>
Foo
</button>
<my-button>
Sử dụng trong vòng góc 2 thành phần
Khi được sử dụng trong vòng một 2 phần góc cạnh, nội dung luôn được kết xuất vào cuối các yếu tố mẫu. Cũng giống như thẻ nội dung không tồn tại.
Sử dụng:
<my-button>Foo</my-button>
Kết quả:
<my-button>
<button>
</button>
"Foo"
<my-button>
Câu hỏi
Vấn đề có thể được, mà polymer và góc 2 đều sử dụng thẻ nội dung cho transclution. Vì vậy, có thể mọi thứ trở nên lộn xộn một chút khi sử dụng cả hai cùng nhau.
Tôi rất thích sử dụng tất cả các phần tử polymer bên trong góc cạnh 2. Vì vậy, bất kỳ ý tưởng nào về cách sửa lỗi này sẽ được đánh giá rất nhiều.
Bạn đã cố gắng lắng nghe 'sự kiện WebComponentsReady' trước khi áp dụng bất kỳ kịch bản góc? –