اسمحوا لي أن أخبرك أن $ modal لديه طريقة: فتح ، ويتم تقديم خصائص هذه الطريقة:
TEMPLATEURL: عنوان النافذة المشروطة
قالب: يستخدم لعرض علامات HTML
النطاق: استخدام المحتوى مع نطاق مشروط (في الواقع ، سيقوم $ Modal بإنشاء حطة فرعية للنطاق الحالي) افتراضيًا هو $ rootscope
وحدة التحكم: تقوم وحدة التحكم المحددة لـ $ modal ، بتهيئة نطاق $ ، والتي يمكن حقنها باستخدام $ modalinstance
حل: حدد عضوًا ونقله إلى وحدة التحكم المحددة بواسطة $ modal. وهو ما يعادل خاصية RESLOVE للطرق. إذا كنت بحاجة إلى تمرير كائن كائن ، فأنت بحاجة إلى استخدام angular.copy ()
الخلفية: التحكم في الخلفية ، القيم المسموح بها: صواب (افتراضي) ، خطأ (بدون خلفية) ، "ثابت" - الخلفية ، ولكن عند النقر خارج نافذة المشرف ، لا تغلق النافذة المشروطة
لوحة المفاتيح: عندما يتم الضغط على ESC ، سواء كان مربع الحوار الوسيط مغلقًا ، فاعلي
WindowClass: حدد فئة وأضفها إلى النافذة المشروطة
تقوم الطريقة المفتوحة بإرجاع مثيل بالخصائص التالية:
أغلق (النتيجة): أغلق النافذة الوسيطة وتمرير النتيجة
رفض (سبب): التراجع عن طريقة الوسائط وتمرير سبب
النتيجة: عقد يتم تمريره عند إغلاق النافذة المشروطة أو إلغاؤه
فتح: عقد ، متغير تم تمريره عند فتح النافذة المشروطة ويتم تحميل المحتوى
بالإضافة إلى ذلك ، يمتد $ modalinstance طريقتين $ إغلاق (نتيجة) ، $ refisiss (السبب) ، والتي تغلق بسهولة النوافذ ولا تتطلب وحدات تحكم إضافية
<! doctype html> <html ng-app = "modaldemo"> <head> <title> </title> <link href = "lib/bootstrap/css/boutstrap.min.css src = "lib/bootstrap-gh-pages/ui-bootstrap-tpls-0.7.0.min.js"> </script> <script src = "lib/angular/i18n/Angular-locale_zh-cn.js"> </quript> </head> <body> <bodal-controller = modalded <script type = "text/ng-template" id = "mymodalcontent.html"/> <viv> <h3> أنا مشروط! </h3> </viv> <ul> <li ng-repeat = "العنصر في العناصر"> <Nglick = "select.item = item" }} </b> </viv> <viv> <button ng-click = "ok ()"> ok </butting> <button ng click = "cancel ()" ]) ؛ var modaldemoctrl = function (scope $ ، $ modal ، $ log) {$ scope.items = ['item1' ، 'item2' ، 'item3'] ؛ $ scope.open = function () {var modalinstance = $ modal.open ({{tamplateurl: "mymodalcont.html ' : function () {return $ scope.items ؛}}}) ؛ modalinstance.opened.then (function () {// الوظيفة التي تم تنفيذها بعد فتح النافذة المشروطة وسيتم دائمًا إخراج الخلفية ("modal recled". Date () ؛}) ؛}) ؛} ؛} ؛ var modalinstancectrl = function (scope $ ، $ modalinstance ، items) {$ scope.items = heads ؛ $ scope.selected = {item: $ scope.items [0]} {$ modalinstance.close ($ scope.selected) ؛} ؛ $ scope.cancel = function () {$ modalinstance.dismiss ('cancel') ؛} ؛} ؛ </script> </body> </html>ما ورد أعلاه هو رمز angularjs $ modal box example example الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!