检测 Materializecss 选项卡更改

Question

我正在使用 Angular-materialize 选项卡，需要检测用户何时更改选项卡，以便我可以在选项卡更改时调用单独的函数（每个选项卡窗格上的某些数据不会自动加载）这是可以不使用 ng-click 吗？

Answer 1

Materialize 不提供将函数绑定到选项卡更改事件的方法。
因此，您必须在 <a> 标记中使用 ng-click 或绑定事件处理程序：

$('ul.tabs').on('click', 'a', function(e) {
    //Your code
});

Answer 2

2 种方式获取"tab" 点击事件

使用 onShow: new_tab_show_callback(你的回调函数名)
onShow callback function

 // init materialize tab
  var elem = $('.tabs')


  var options = {duration: 600, onShow: new_tab_show_callback}
  var init_tabs = M.Tabs.init(elem, options);
  var instance_tabs = M.Tabs.getInstance(elem);


      //----- new tab clicked -----
      function new_tab_show_callback (){

            console.log('showing tab +++++ ' + instance_tabs.index)



      }

另一种旧方法是为选项卡标签设置 id

li(class='tab col s4' id='tag_search')

然后

 $("#tag_search").click(function() {

     console.log('************* search tab *********** clicked **************')
        })

检测 Materializecss 选项卡更改

Detect Materializecss tab change

tabs

materialize

angularjs