Angularjs Twitter 부트 스트랩 지시문 - 탭

결핵에 대한 각도 명령을 사용하여 모달 탭을 성공적으로 구현했습니다. 필자는 문서에서 탭을 클릭 할 때 특정 일이 발생하는 방법을 알아 내려고 노력해 왔습니다. 아직 성공하지 못했습니다.Angularjs Twitter 부트 스트랩 지시문 - 탭

보기

<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 탭에 대해 얘기하고 생각하고 난 당신이 지침에 대한 선택 속성에 대해 이야기하고 생각합니다.

당신이 탭의 지침에 = 선택 "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 부트 스트랩 지시문 - 탭

답변

관련 문제