2013-08-27 3 views
0

말해봐, 여러 개의 탭이 있고 그것을 표시하기 위해 각형 끈을 사용하고 싶습니다. 그러나 각 탭의 내용은 해당 탭에 대한 ajax 호출을 기반으로 동적입니다. 탭 ID에서 이상적으로 파생 될 수 있습니다.angular-js 각 - 스트랩 및 ng-grid 통합?

| 탭 1 | 탭 2 | 탭 3 |

그래서 탭 1을 클릭하면 서버 호출은/get/result/tab1_id /이고 탭 2를 클릭하면 서버 호출은/get/result/tab2_id 등입니다. 어떻게 든 NG 그리드를 채울 결과입니다.

앵귤러는 많은 잠재력을 지니고 있지만, 나는 그것에 익숙하지 않고 많은 일을하는 방법이 있으며 나는별로 좋지 않습니다. 이 물건 jtable 등 jtable에서 시간에 할 수 있습니다.하지만 각도 js를 배우려고 노력하고 있습니다.

제발 도와주세요.

감사 & 관련 주석

+1

시도한 게시물 코드 –

답변

0

클릭하는 탭을 확인하려면, 당신은 컨트롤러에서

<div data-fade="1" ngModel="activeTab" bs-tabs> 
    <div ng-repeat="tab in tabs" data-title="{{tab.title}}" ng-click="loadData()"><p>{{tab.content}}</p></div> 
</div> 

을 수행 할 수 있습니다, 당신은 할 수 있습니다 :

$scope.loadData = function(){ 
    switch(activeTab){ 
     case 0: 
      //load data 
      break; 

     case 1: 
      .... 
    } 
} 

데이터를로드하려면 $http 또는 $resource 모듈을 볼 수 있습니다.

+0

죄송합니다.이 모든 것을 처음 접해 보았습니다. 제대로 포맷하는 법을 모르십시오. 그러나 근본적으로 나는 bs-tabs를 사용하여 아이디어를 포기했습니다. 대신 ng-repeat 및 ng-click을 사용하십시오. 하지만 나는 잠시 후에 sza가 제안한 접근 방식을 시도 할 것이다. 지금 당장 바쁘다. 고마워. –