如何為 Glimmer 組件指定模板？

[英]How to specify template for Glimmer Component?

我有一個典型的 Glimmer “基礎”組件： 它有一個像往常一樣的模板，但該組件的實際實現是子組件，它覆蓋了一些模板 getter 和參數，以便它與各種不同的數據類型一起工作。 等等我的問題是：如何指定所有子組件都應使用父 class 模板，這樣我就不必為所有子組件復制相同的相當復雜的 HTML ...

可以傳入 console.log 以從我的應用程序模板中測試 Ember.js 組件嗎？

[英]Can console.log be passed in to test a Ember.js component from my application template?

我正在構建一個簡單的按鈕組件，我想通過將console.log （或其他一些函數）傳入我的組件來測試我的點擊處理程序是否正常工作。 這是在 Ember 4 中。 app/components/eu-button.hbs看起來像： 和實施是： 我從我的app/templates/appli ...

Ember 中 LinkTo 組件中的動態 model

[英]Dynamic model in LinkTo component in Ember

我正在使用 Ember 3.18，我面臨以下問題。 考慮以下路線： 現在，在我的 hbs 文件中，我嘗試使用單個 LinkTo 轉換到上述路由。 如您所見，只有第二條路線需要 model 屬性。 簡單來說，我想將以下 2 個組合成一行。 如您所見，我要求 model 屬性在某些情況下消失並在某些情 ...

動態確定僅模板 Ember glimmer 組件的存在？

[英]Dynamically determine existence of template only Ember glimmer component?

我知道要動態確定 Ember 上某個組件的存在，我們可以使用此處或此處說明的解決方案。 我們有一個使用.hasRegistration('component:${component}')的助手只要定義了 .js 文件，這也適用於 Glimmer 組件，但不適用於僅模板的 Glimmer 組件。 在 ...

Ember Octane，跟蹤屬性不重新渲染模板

[英]Ember Octane, Tracked property not rerendering template

來自 React 背景，我在理解 EmberJs“Tracked”概念時遇到了問題。 在紙面上它不應該與“反應狀態”不同。 所以我的理解是，當我們用@tracked注釋一個屬性時，當這個屬性發生變化時，它應該會導致重新渲染。 請看下面的代碼： ProductItem組件 模板, 當我第一次渲染組件 ...

如何讓 Ember 檢測到變化的復選框以及跟蹤的微光？

[英]How to get Ember to detect a checkbox on change along with a glimmer tracked?

在 ember.js 版本 3.2.6 中，我們如何獲得一個復選框來對值更改執行額外的邏輯？ 例如，我有一個用於updateServer的復選框（切換真/假）。 現有代碼使用glimmer @tracked並且這可以很好地顯示一些即時 UI 修改，如application.hbs所示。 但是我需要 ...

Ember 組件的動態模板 arguments

[英]Dynamic template arguments for an Ember component

我遇到了一個使用微光組件呈現LinkTo組件的情況。 問題在於LinkTo將@model={{undefined}}的情況和省略@model參數的情況視為兩種不同的情況。 這是因為它的默認值是UNDEFINED 的特殊值。 發生這種情況時，組件使用 JS 進行轉換，即 href 為# ，因此您不能 ...

如何在 Ember Octane 中更新嵌套狀態

[英]How to update nested state in Ember Octane

所以我的情況如下：我得到了一個包含幾個輸入字段的組件，這些輸入字段代表一個聯系人並填充了來自服務的數據： @service('contact-data') contact; 每個字段代表一個通過訪問的屬性 我將屬性保存為 JS 對象，以便在使用它們時輕松過濾掉空字段，並使用@tracke ...

從沒有修飾符的 Glimmer 組件訪問 HTML 元素

[英]Access HTML element from Glimmer component without modifier

是否可以在不使用 did-insert 幫助程序的情況下訪問 Glimmer 組件中組件的 HTML 元素？ 像非閃爍元素中的this.element或this.elementId一樣簡單。 我創建了一個擴展 Component 的類，我的所有組件都將擴展該類。 創建我的“特殊”組件后，我想使用它 ...

這是@cached 用於自動跟蹤 Ember Octane 的有效用法嗎？

[英]Is this a valid usage of @cached for autotracking of Ember Octane?

最近我在編寫帶有自動跟蹤功能的 Glimmer 組件時遇到了一個來自tracked-toolbox的@cached用例。 這是一個示例代碼片段： import Component from '@glimmer/component'; /** * Example usage * <Pers ...

Glimmer.js 如何在不使用構造函數的情況下將跟蹤屬性重置為初始值

[英]Glimmer.js how to reset tracked property to initial value without using the constructor

在 Glimmer.js 中，在不使用構造函數的情況下將跟蹤屬性重置為初始值的最佳方法是什么？ 注意：不能使用構造函數，因為它只在初始頁面呈現時調用一次，並且在后續頁面點擊時不再調用。 ...

Glimmer VM 中的“基於拉取的函數式反應程序”是什么意思？

[英]What does the “pull-based functional reactive program” mean in Glimmer VM?

正如我在這篇文章中看到的“基於拉式的函數式反應程序”的概念： https : //engineering.linkedin.com/blog/2017/06/glimmer--blazing-fast-rendering-for-ember-js--第2部分 據我所知，“基於拉取”意味着我們必須使用 ...

轉換為 Glimmer 組件——服務中的動態屬性

[英]Conversion to Glimmer components – dynamic property in service

我正在嘗試構建一個 Glimmer 組件，該組件對服務中的屬性更改做出反應，請參見下文，我正在嘗試使組件更新 get 播放以響應 audioPlayer url 和狀態的更改——播放時更改在下面的播放操作中按下按鈕....這不起作用，我找不到任何文檔來支持這種行為。 ...

Glimmer 中的組件單元測試

[英]component unit testing in Glimmer

對於經典的組件單元測試，我們如何將其遷移到 Glimmer？ 此組件單元測試正在測試未向用戶公開的本地道具。 ...

emberjs glimmer object set() 與變量屬性名稱

[英]emberjs glimmer object set() with variable property name

我在 Ember 3.15 中有一個組件，我正在嘗試做類似的事情 它似乎在瀏覽器中運行良好，但 typescript 將設置行標記為錯誤（特別是 propertyName 參數）。 那么如果有效，為什么 typescript 不喜歡呢？ 這似乎也發生在 get() 中，它不喜歡像get(this, ...

屬性更新后，emberjs 子組件不會重新渲染

[英]emberjs child component not re-rendering after property update

我有一個頁面組件（五個為什么），其中包含許多輸入，用戶可以選擇這些輸入來完成輸入。 當用戶單擊 finalize 時，所有問題都將被禁用。 頁面組件五個為什么.hbs： 五個為什么interface AnalyzeFiveWhysArgs { dataStory: DataStory; } e ...

使用 Ember Glimmer 組件自動關閉無效標簽

[英]Self closing void tags with Ember Glimmer components

我正在將 Ember 應用程序升級到最新版本 (3.17)，並且遇到了新 Glimmer 組件的問題。 不必指定標簽名稱很棒，但我不確定如何處理自關閉空元素，例如 標簽。 很明顯，您可以將組件包裝在結束標記元素中 但我沒有遇到任何使用自結束標簽的例子。 提前謝謝了。 ...

如何根據參數設置微光組件的初始狀態？

[英]How to set initial state of glimmer component based on argument?

我正在努力弄清楚如何在微光組件層次結構中實現數據向下，向上操作（使用 Ember Octane，v3.15）。 我有一個帶有項目列表的父組件。 當用戶單擊Parent組件中的按鈕時，我想用相關項目的數據填充Editor組件； 當用戶在Editor組件中單擊“保存”時，將更改填充回父級。 這是發生的 ...

如何跟蹤 Glimmer 組件中的嵌套屬性？

[英]How to track a nested attribute in a Glimmer component?

我正在 Ember 中構建我的第一個 Glimmmer 組件，我的模板中有這樣的東西： 然后我制作了一個相應的.js組件文件，並認為我會嘗試從 HTML 中刪除長路徑。 我的第一次嘗試是制作一個吸氣劑： 現在使用模板： 這最初有效並顯示分配給val變量的起始值，但它不會在基礎val更改 ...

emberjs：微光 web 組件傳遞數組/對象不起作用

[英]emberjs: Glimmer web component pass array/objects not working

我們的業務問題陳述之一是，我們必須創建組件，以便任何消費者都可以將它們用作小部件並嵌入到他們的網站中。 問題是我們已經有了用 ember 制作的那些組件。 我們不知道消費者網站將擁有哪個堆棧，這可能是隨機的。 所以我們想到了將這些 ember 組件轉換為 web 組件。 我們做了小型 POC，我們無 ...