問題タブ [stencil-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Stenciljs @Method が機能しない
stenciljsで @Method を機能させるのに苦労しています。
コンポーネントで公開したいsetNameという関数を含むコンポーネント コードを次に示します。
コンポーネントを参照する html とスクリプトは次のとおりです。
Uncaught TypeError: myName.setName is not a functionであるエラーのスクリーンショットを次に示します。
alfresco - Alfresco ADF コンポーネントでステンシルの他の埋め込みフォーム フィールドにアクセスするにはどうすればよいですか?
Alfresco ADF コンポーネントでステンシルの他の埋め込みフォーム フィールドにアクセスするにはどうすればよいですか? 誰でもこれで解決策を提供できますか?
javascript - シャドウを使用して Web コンポーネント内で @import を使用してフォントをロードすると、ファイルがリロードされますか?
Stencil を使用して、ビューのカプセル化にシャドウを使用するネイティブ ブラウザー Web コンポーネントを作成しています。
私のSCSSファイルの一番上にある場合
これにより、各コンポーネントが各コンポーネント インスタンスのフォント/アイコン ファイルを再ダウンロードし、パフォーマンスに悪影響を与えることになりますか?
もしそうなら、この種の共有依存関係を処理するためのベストプラクティスは何ですか?
angular - 別のフレームワーク内の特定の DOM 要素で Angular 2+ アプリをブートストラップする
特定のDOMノード内でAngular 2+アプリ(正確には6)をブートストラップしようとしています。my-componentこれを Web コンポーネント( StencilJSで作成)内で実行したいと考えています。
理想的には、セレクターまたは HTMLElement を使用して Web コンポーネントのルート要素からブートストラップできます。
ただし、問題は、Angular がページ上で「グローバルに」インスタンス化されるため、すべてのタグを Angular コンポーネントとして解釈しようとすることです。これは、自分の Web コンポーネント内にあるものだけではありません。
Webで見つかった3つの異なるアプローチを試しました。ただし、それらの多くは.bootstrap、新しい Angular バージョンでは使用できなくなった方法をまだ使用しています。アプリ全体ではなく、特定のノードでコンポーネントをインスタンス化するだけのものもあります。
NgDoBootstrap非常に有望な方法のように見えましたが、Angular がページ上で見つかったすべてのコンポーネントを解析することにもつながります。
この問題を調査するためにレポを作成しました。どんな助けでも大歓迎です。