cost 334 ms
如何在angular7中開發在兩個不同組件之間切換的選項卡?

[英]How to develop tabs in angular7 which switch among two different components?

我在 angular 7 項目中生成了三個不同的組件 現在我想在mycop1組件中開發一個選項卡,如下所示 通過單擊第一個選項卡,它應該顯示 HTML 或呈現來自同一組件的內容。 通過單擊我需要從 mycomp2 組件(來自不同組件)呈現內容的第二個選項卡, 與從 mycomp3 組件渲染所 ...

如何將活動選項卡綁定到作用域中數組的最后一個元素

[英]How to bind active tab to last element of an array from scope

我試圖將uib-tabset設置為數組的最后一個元素。 但是,當我這樣做時,uib-tabset變得瘋狂了,它刪除了自己的標簽。 我不想擁有用於活動uib-tabset的作用域字段,我想使用數組長度來標識哪個選項卡應處於活動狀態。 可能嗎? 導致意外的結果,例如刪除自己的標簽。 ...

重置搜索:選項卡角度4中的分頁問題

[英]Reset Search: Pagination issue in tabset angular 4

我有兩個選項卡的選項卡式視圖。 每個選項卡都有各自分頁的表格。 這些標簽上方也有重置按鈕。 我想在按下重置按鈕時將頁面重置為page1。 但是,它僅適用於第一個選項卡。 第二個選項卡不執行任何操作。 當我單擊重置按鈕時,是否可以獲取當前所選選項卡的分頁,然后將其重置為pa ...

ng2-dragula與ngb-tabset不兼容

[英]ng2-dragula isn't compatible with ngb-tabset

我正在開發一個系統,在其中使用選項卡集系統在SPA中顯示內容。 但是在某些頁面中,我必須使用ng2-dragula來實現拖放系統,如下面的代碼所示。 (忽略非關閉標簽,我沒有插入它們來優化閱讀,但是它們存在於代碼中) 我要解決的問題是, 直到我將鼠標懸停在外部選項卡上之前,拖動的 ...

$ location.path()不起作用

[英]$location.path() not working

我試圖在$ interval內使用$ location.path()自動在計時器的選項卡之間導航。 但是,每當我調用$ location.path(x)時,它只會重新加載當前視圖。 我的代碼如下: tabsController.js 是的,是的,我知道不建議使用$ ro ...

angular-ui-tabset:更改活動的標簽內容

[英]angular-ui-tabset: change active tab content

我在我的angular應用程序中使用ui-tab 。 我有2個標簽頁(tab1和tab2),並且當tab2中有一個按鈕時,我想以編程方式將tab1設置為活動標簽。 這是我的html代碼: 這是goToTab1()實現: 我的問題: 當我單擊按鈕(在tab2中)時,選 ...

隱藏UI角度標簽

[英]Hide UI Angular Tabs

我正在嘗試實現UI Bootstrap選項卡,請在此處插入,我想隱藏這些選項卡,因為我將使用按鈕來更改選項卡。 我將此類添加到我的CSS文件中,但未應用於選項卡 我的最終目標是隱藏此 。 我該如何處理? ...

Angular 和 bootstrap UI 選項卡都激活以防止默認

[英]Both Angular & bootstrap UI tab become active in prevent default

我在使用 Angular UI-Tab 時遇到了 CSS 問題。 問題是我有一個場景,我有兩個選項卡。 我需要根據某些條件防止選項卡切換。 為此,我使用了防止默認。 因此,當我阻止事件 CSS 顯示兩個選項卡都處於活動狀態時。 因為點擊才剛剛開始,但在途中停止了。 我的 HTML 我們: 而 ...

AngularJS-刪除一些后設置活動選項卡集

[英]AngularJS - Set active tabset after delete some one

我有一個代碼,其中包含一個帶有ng鍵的按鈕,單擊該按鈕時將其添加到tabs數組中。 然后,填充數組並顯示在視圖中: 另外,每個選項卡都有一個調用此功能的刪除鏈接: 問題是,當我刪除不是最后添加的選項卡的某些選項卡時,活動的選項卡和索引不相同。 有一個plunkr來演示此 ...

如何在角度ui選項卡中單擊每個選項卡,從不同的控制器調用不同的功能?

[英]How to call different functions from different controllers on the click of each tab in angular ui tabs?

我試圖使用angular-ui tabs directive在每個選項卡的單擊上調用不同控制器的不同函數。 HTML 我收到這樣的錯誤 要求新/隔離范圍的多個指令[ngController,tab] 需求 I have 5-6 tabs in a page. ...

如何為選項卡集創建下拉列表而不是選項卡標題

[英]How to create a dropdown instead of tab-heading for a tabset

因此,我正在創建一個angularjs 1.4和bootstrap 3 Web應用程序。 Web應用程序的一部分具有選項卡集,允許用戶單擊選項卡並查看不同的圖形。 我想將選項卡標題改為下拉菜單,用戶可以在下拉菜單中看到可用的圖形,並且當他們單擊某個選項時,將顯示該選項的圖形。 我試圖做 ...

在uib-tab中添加帶有活動和ng-repeat的選項卡

[英]Add tab with active and ng-repeat in uib-tab

所以我一直試圖弄清楚這一段時間,我看到一個類似於此但沒有答案的帖子,所以我會嘗試發布這個但是用一個plunkr來展示作為一個例子。 所以問題是在加載時,我注意到ui-tab總是設置為Add Tab按鈕。 我想要做的是讓ui-tab ng-repeat中的第一個元素處於活動狀態,而不是靜態 ...

將uib-tab標題綁定到范圍屬性

[英]Bind uib-tab heading to a scope property

我正在使用uib-tabset 控制器: 我想添加一個在初始化管組后可以更改的數字。 我無法將Tabset標題綁定到'$ scope屬性或將其設置為ng-bind的問題 例如內容(12) ...

使用UI-Router將數據從Angular Bootstrap Typeahead推送到另一個選項卡

[英]Pushing data from Angular Bootstrap Typeahead into another tab using UI-Router

我有3個標簽:客戶,帳單和方法。 在第一個選項卡上,我具有Bootstrap Typeahead,它連接到客戶的json文件。 第二個選項卡是未付費客戶帳戶的詳細視圖。 最后,第三個選項卡是實際向客戶收取信用卡費用。 此外,我正在使用UI路由器瀏覽復雜的層次結構。 這些標簽頁名為“付款 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM