لماذا لا أستطيع استخدام ng-انقر في jQueryDialog

Question

أريد إنشاء div الذي يمكن تغيير الخلفية بشكل حيوي مع مسج و angularjs.

عندما كنت اضغط على النص داخل الخلفية ، فتح نوافذ جديدة (مسج 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 لا تغيير خلفية الصورة ؟

كامل على سبيل المثال هنا هو:

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");

هذه ليست سوى نظرية ربما تكون هناك طرق أخرى للقيام بذلك أيضا ، ولكن هذا يعطيك فكرة.