Question

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

Answer 1

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

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

Answer 2

获取“标签”点击事件的两种方式

使用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)



      }

另一种方法是为tab标签设置id

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

然后

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

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

检测Materialisecss选项卡更改

2 个答案: