select() function in tabs - Angular Bootstrap

Question

Look at this there is tab component. In the tab setting there is:

select()

and

deselect()

I did not know how to use them. I tried to reach them from js file using the $scope but it did not work

HTML

<tab ng-model="Tab1" ....>

js

$scope.Tab1.select();

but it does not select the content of that tab.

please help me in a way how can I select tab content from the javascript or in other meaning using $scope.

XelharK · Accepted Answer · 2015-06-26 13:32:50Z

1

You misunderstood what that function is.

The select property of a tab is a function callback that is called when the tab is activated. What you are looking for is instead the active property, which refers to the boolean property that controls the activation of the tab.

<tabset>
    <tab select="alertMe()" active="Tab1.active">
        <tab-heading>
            <i class="glyphicon glyphicon-bell"></i> Alert!
        </tab-heading>
    </tab>
</tabset>

So, in this example, you can do

$scope.Tab1.active = true;

And the tab will be activated. Upon activation, it will fire the function alertMe (in the example it displays an alert).

answered Jun 26, 2015 at 13:32

XelharK

6099 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Abdulrhman Alsri Over a year ago

What I want is to display the content of the tab as I said in the last line in my post. I want the event to open the tabl as I click on it using mouse when another tab is shoing content/open/clickerd.

XelharK Over a year ago

Yes. As I said, you have to bind that tab "active" property with some property (for example, Tab1.active). Then, when you use $scope.Tab1.active = true that tab will become active. Also, the tab-heading does the same thing you want, it's just its default behavior.

Abdulrhman Alsri Over a year ago

Thank you for reply @XelharK. I understood your point, but I will appreciate your if you help me in my last explanation. I think I will edit my question also.

Abdulrhman Alsri Over a year ago

for your second reply, I can answer you that the tab is not opening as you click on it, it opens its content. That just makes it active. Did you get my point?

Abdulrhman Alsri Over a year ago

I want to show display the tab content not activating it based on an event @Xelhark

|

Collectives™ on Stack Overflow

select() function in tabs - Angular Bootstrap

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related