1

我已经使用 TB 的 Angular 指令成功地在模态中实现了选项卡。我一直试图从文档中找出如何在单击选项卡时使某些事情发生。还没有成功。

看法

<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-click="select()"，让我认为我可以调用以下内容。

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

显然我错了。

谢谢

4

1 回答 1

3

我认为您正在谈论AngularUI选项卡，并且我认为您正在谈论指令上的 select 属性。

如果您将 select="scopeMethod()" 放在 tab 指令上，并像这样定义控制器方法：

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

当您单击该选项卡时，该方法将触发。

这也适用于在 ng-repeat 中创建的选项卡。看到这个 plunkr

于 2013-07-30T19:37:09.353 回答