AngularJS NG-Bind-HTML التوجيه
مثيل AngularJS
ربط innerhtml داخل <p> إلى mytext المتغير:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular-sanitize.min.js"> </script> <body> <div ng-app = "my app" ng-controller = "myctrl"> <p ng-bind> app = Angular.module ("myapp" ، ['ngsanitize']) ؛ app.controller ("myctrl" ، function ($ scope) {$ scope.mytext = "my name is: <h1> John doe </h1>" ؛ رمز خطير في HTML. </p> </body> </html>نتائج التشغيل:
اسمي هو:
جون دو
ملاحظة: يحتوي هذا المثيل على ملف "Angular-Sanitize.js" ، والذي يزيل الكود الخطير من HTML.
التعريف والاستخدام
يعد توجيه NG-Bind-HTML طريقة آمنة لربط المحتوى بعناصر HTML.
عندما تريد أن تكتب AngularJS HTML في تطبيقك ، فأنت بحاجة إلى اكتشاف بعض التعليمات البرمجية الخطرة. من خلال إدخال وحدة "Angular-Santize.js" في التطبيق الخاص بك ، يتم استخدام وظيفة ngsanitize للكشف عن أمان الكود. في التطبيق الخاص بك ، يمكنك القيام بذلك عن طريق تشغيل رمز HTML من خلال وظيفة ngsanitize.
قواعد
<element ng-bind-html = "expression"> </element>
جميع عناصر HTML تدعم هذا التوجيه.
قيمة المعلمة
| قيمة | يصف |
|---|---|
| تعبير | يحدد المتغير أو التعبير الذي سيتم تنفيذه. |
ما سبق هو مقدمة مفصلة إلى مثال تعليمات AngularJS NG-Bind-HTML. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.