왜 나를 사용할 수 없습 ng-으로 클릭 jQueryDialog

Question

를 만들고 싶은데 div 누가 변경할 수 있습 배경으로 동적으로 와인과련.

에서 내부에 텍스트는 배경,그것은 새로운 윈도우(Jquery ui 대화 다)및 선택할 수 있습니다 또 다른 배경 이미지입니다.

때 나는 이미지를 클릭하면,나는 것 같은 배경을 변경할 수!

나는 두 개의 질문:

왜 나는 사용할 수 없 ng-click 으로 대화 동적인 내용입니까?

나와 대화 상자의 동적 데이터:

$( "#dialog" ).load( item+".html" ).dialog( "open" );

데이터 로드된:

<img  ng-controller="BackgroundCtrl" src="http://etickets.dev10.dev.infomaniak.ch/images/templates/background.jpg" width="20%" height="20%" ng-click="changeBackground.doClick('http://etickets.dev10.dev.infomaniak.ch/images/templates/background.jpg')" />

을 넣을 때 엘리베이터,리프트 데이터로 대화 div,사용 ng-click 지시어.

두 번째 질문입니다:

클릭하면,업데이트

$scope.BackGroundImage

는 이유 div 변하지 않고 자신의 배경 이미지?

전체 exemple 여기에 있습니다:

http://plnkr.co/edit/?p=streamer&s=og6gLDAeSNgi6clQ

Answer 1

나는 그것을 이해 당신을 구축하려고 동적 HTML 와 기대 각도를 이해해야 합니다.

는 작동하지 않습니다.모 요구에 대해 알아가는 모든 것에,그래서 그 건물은"컨텐츠"외부의 각 문제입니다.

를 말하는 각도에 대한 새로운 HTML 내용을 다음과 같은 것:

$("#dialog").load(item+".html", function () {
  var $this = $(this);
  var html = $this.html();
  var angularCompiled = $compile(html)($scope);
  $this.html(angularCompiled);
}).dialog("open");

이것은 단지 이론은 아마 거기 이 작업을 수행 할 수있는 다른 방법도 있지만,이것은 당신에게 아이디어를 제공합.