동적 앵글 스트랩 모달 템플릿 컨텐츠

Question

http 서비스를 통해 앵귤러 스트랩 모달 컨텐츠를 얻고 서비스 완료 후 응답을 기준으로 동적 HTML 컨텐츠를 작성하고이 컨텐츠를 모달로 표시하십시오. 짧게 말해서 모달 콘텐츠를 가져올 수 있고 가져온 콘텐츠를 표시 할 수있는 이벤트가 필요합니다.

예를 들어 사용자 이름을 클릭하면 해당 사용자 세부 정보를 서버에서 가져와야하며 서비스 완료 후 모달로 사용자 프로필을 표시해야합니다.

나는 리 생성과 서버에서 페치 내가 다른 모델을 필요로 각 리,의 클릭에 코드 아래 시도 questions.html 정적 템플릿과 정적에 대해 잘 작동됩니다

<li ng-repeat="category in subCategories" id="{{category.id}}" ng-class="getCategoryIndex(category) != -1 ? 'inactive' : 'active';" ng-click="select_subCategory();" 
       data-template="questions.html" data-placement="center" data-animation="am-fade-and-slide-top" bs-modal="modal" 
      > 
       <i class="fa fa-check-circle"></i> {{category.name}}<div class="checkbox cross"><input type="checkbox" id="box_{{category.id}}" /><label for="box_{{category.id}}"></label></div> 
      </li> 

템플릿하지만 어떻게 내가 그것을 이끌 리 제목으로 서버에서 가져올 것입니다?

<script type="text/ng-template" id="questions.html"> 
    ... 
</script> 

방법을 클릭 리에 따라 템플릿을 만드는 :로

정적 템플릿로드?

Answer 1

그것은 각 운동에서 가능한 우리가하는 방식으로 겨 - 바인딩 객체를 변경 직접 할 수는 다음과 같이 할 수 있습니다

$scope.change_content = function(){ 

     $scope.aside = {title: 'Custom Title', content: 'Hello Custom Aside<br />This content can be fetched through an ajax request!'}; 
     $scope.modal = {title: 'Custom Title', content: 'Hello Custom Modal<br />This content can be fetched through an ajax request!'}; 
     var el = document.getElementById('trigger'); 
     angular.element(el).triggerHandler('click'); 
    };