Angularjs Twitter Bootstrap指令 - 选项卡

我已成功实现了带有Angular指令的模块中的选项卡。我一直试图从文档中找出如何在点击标签时使某些事情发生。没有成功。Angularjs Twitter Bootstrap指令 - 选项卡

查看

<tabset> 
     <tab ng-repeat="tab in tabs" active="tab.active" heading="{{tab.title}}" disabled="tab.disabled" > 
      <div ng-include="tab.content"></div> 
     </tab> 
    </tabs>

控制器

$scope.tabs = [ 
     { title:"Home", content:"/beta/application/views/images/uploader/create.html", active: true }, 
     { title:"Upload", content:"/beta/application/views/images/uploader/upload.html"}, 
     { title:"Edit", content:"/beta/application/views/images/uploader/edit.html"} 
    ];

有一个NG点击= “选择（）”，让我觉得我可以致电以下。

$scope.select = function() { 
    console.log('testing'); 
};

显然我错了。

感谢

来源

2013-07-30 Bungdaddy

我想你说的是AngularUI标签，我想你是在谈论有关该指令的select属性。

如果你把选择=“scopeMethod（）”的标签指令，并定义像这样的控制器方法：当您单击该选项卡上

$scope.scopeMethod = function(){ 
    //Do something meaningful 
    alert("You clicked this tab"); 
}

的方法将火。

这应该也适用于在ng-repeat内创建的选项卡。请参阅this plunkr

来源

2013-07-30 19:37:09 BoxerBucks

您的假设是正确的。使用ng-repeat，你知道为特定选项卡启动方法的最佳选择吗？ - 谢谢 – Bungdaddy

显然，我错了。这应该也适用于ng-repeat内的选项卡。查看我的编辑并链接到抢劫者。 – BoxerBucks

谢谢你，坚实的回答，并清除一些其他问题。谢谢 – Bungdaddy

Angularjs Twitter Bootstrap指令 - 选项卡

回答

相关问题