개찰구 패널의 각 구성 요소

Question

다시 도움이 필요합니다!

저는 각형 코드 외부에로드 된 개찰구 구성 요소를로드하기 위해 각 구성 요소 (ui-bootstrap-datetimepicker)를 가져오고 있습니다.

여기가 각 컴파일 실행 개찰구

<span class="dropdown"> 
    <a class="dropdown-toggle" role="button" data-toggle="dropdown" data-target="#" href=""> 
    <div class="input-append"> 
     <input type="text" placeholder="Date/Time Value" class="input-large" data-ng-model="data.storedValue" required date-time-input="MM/DD/YYYY hh:mm a"> 
     <button type="button" class="btn"><i class="icon-calendar"></i></button> 
    </div> 
    </a> 
    <ul class="dropdown-menu"> 
    <datetimepicker data-ng-model="data.storedValue" data-datetimepicker-config="{ dropdownSelector: '.dropdown-toggle', minView: 'minute', minuteStep: 1 }"></datetimepicker> 
    </ul> 
</span> 

자바 스크립트에서 현재

HTML의 모습입니다

var $injector = angular.injector(['app', 'ui.bootstrap']); var selector = this.selector; $injector.invoke(function($rootScope, $compile) { var element = $compile(angular.element(selector))($rootScope); element.scope().$apply(); angular.element(selector).scope().$apply(); }); 

app

내 각 응용 프로그램 모듈입니다.

그러면 효과적으로 구성 요소가 렌더링되고 드롭 다운이 나타나지만 날짜는 채워지지 않습니다.

다른 여러 구성을 시도했지만 상황이 악화되거나 전혀 도움이되지 않았습니다. 내가 할 수있는 한 최선을 다해 답변 해 드리겠습니다.

편집 또한 아마 도움이 될 것입니다 내 콘솔에 오류가 잔뜩 받고 있어요 : P

• 오류 : 알 수없는 공급자가 : $ rootElementProvider < - $의 rootElement < - $ 위치 < - ngShowDirective
- ngRepeatDirective
• 순환 종속성 $ 애니메이터 < :
• 순환 종속성을 dropdownToggleDirective3210
• 오류 : 구문 오류 : 토큰 ','[, $ event)]에서 시작하는 [changeView ('', $ $)] 표현식의 열 16에 기본 표현식이 아닙니다. 나는이 게시

Answer 1

물론 직후 나는 자바 스크립트 부분은 같은 봤어야

내가

var $injector = angular.element(document).injector(); 
var selector = this.selector; 
$injector.invoke(function($rootScope, $compile) { 
    var element = $compile(angular.element(selector))($rootScope); 
    element.scope().$apply(); 
    angular.element(selector).scope().$apply(); 
}); 

내가 얻을 필요 ... ... 잘못하고 있었는지 알아 냈어 주 앱에서 인젝터를 새로 만들지 말고 내가 한 후에는 달력을 만들 수있었습니다. 다른 문제가 발생했지만 적어도 구성 요소가 렌더링되었습니다!