Question

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

查看

<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');
};

显然我错了。

由于

Answer 1

我认为你在谈论AngularUI标签，我认为你在谈论指令的select属性。

如果在tab指令上放置select =“scopeMethod（）”，并按如下方式定义控制器方法：

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

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

这也适用于在ng-repeat中创建的选项卡。见this plunkr

Angularjs Twitter Bootstrap指令 - 标签

1 个答案: