有兩種變體，如果不加方括號，直接傳字符串給cxFocus，字符串內容會被當成persistent key處理；否則，傳一個對象給[cxFocus]:

<div [cxFocus]="{ autofocus: true, group: 'address-book-dialog' }"><button class="close">Jerry Button</button><input class="value" cxFocus="key-1" /><input class="value" [cxFocus]="{ key: 'key-1' }" /> </div>

auto-focus.directive.ts的AfterViewInit里手動調用不含參數的handleFocus:

close button被focus了。

進入父類persist-focus.directive.ts的handleFocus方法，試圖設置persistent key：

group有值，而key沒有：

這是一個map，用于記錄focus信息：

Jerry Button果然被focus了：

給按鈕增添一個autofocus的屬性能實現同樣的效果：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP Spartacus AutoFocus directive的一个例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。