이 시나리오가 있는데 스크립트를 통해 HTML의 일부분 (AngularJS 지시문이 있음)을 동적으로로드하고 있으며 AngularJS가 활성화되지 않은 것으로 나타납니다.스크립트에서 HTML을로드 할 때 AngularJS가 활성화되지 않음
여기가 내가보고있는 예입니다. 어쨌든 AngularJS에게 문서에 바인딩을 시작할 준비가되었다고 말할 수 있습니까? iframe을 통해이 widget1 콘텐츠가 포함 된 aspx 페이지를로드하는 것은 작동하는 것처럼 보이지만 iframe을 피하고 클라이언트 측 스크립트를 사용하려고합니다. 감사합니다.
<body ng-app>
main content page
<br />
<!-- widget1 -->
<b>Widget1</b>
<div id="widget1">
<!-- load below div via jquery/or any method from a remote html file-->
<script type="text/javascript">
$("div#widget1").load("/widgetsfolder/widget1.htm");
</script>
</div>
widget.htm 파일 내용 아래에 있습니다.
<div ng-controller="TodoCtrl">
Total todo items: {{getTotalItems()}}
<ul class="unstyled">
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" />
<span class="done-{{todo.done}}">{{todo.text}} </span></li>
</ul>
</div>
내 컨트롤러 코드.
`function TodoCtrl($scope) {
$scope.totalItems = 4;
debugger;
$scope.todos = [{
text: 'learn angularjs',
done: false
}, {
text: 'implement angularjs',
done: false
}, {
text: 'something else',
done: false
}, ];
$scope.getTotalItems = function() {
return $scope.todos.length;
}
} 여기 '
샘플 코드 http://jsfiddle.net/devs/RGfp4/