الزاوي: فئة عشوائية وأسماء معرف

لتجنب تجريف الويب ، أو لجعله أكثر صعوبة ، هل في Angular ممكن أن يتم بشكل عشوائي تحديد أسماء الصفات وخصائص الهوية؟ على سبيل المثال ، يستخدم Instagram هذه الإستراتيجية ، حيث تظهر أسماء السمة class و id كسلاسل عشوائية يتم إنشاؤها بشكل فريد عند كل استجابة للخادم.

إذا لم يدعم Angular ذلك ، هل هناك تقنيات أخرى متوفرة لتحقيق هذا الهدف؟

شكرا لكم.

0
لا تعرف ما الذي تطلبه ، ولكن يمكنك إنشاء معرف عشوائي واسم صنف وتعيين في قوالب زاويّة. أيضا لا يوجد شيء متعلق الزاوي لمعرف ID ID ID
وأضاف المؤلف Pardeep Jain, مصدر
@ smnbbrv هو ، وهو سهل جدا. الأمر أسهل في Angular.
وأضاف المؤلف trichetriche, مصدر
PardeepJain الفكرة من وراء هي الاستمرار في استخدام أنماط CSS المطبقة على هذه الفئات/معرفات. توليد ليست مشكلة. سؤال جيد ، لكني أخشى أنه من غير الممكن تحقيق ذلك بسهولة.
وأضاف المؤلف smnbbrv, مصدر

1 إجابة

إذا كنت تريد استخدام معرفات وفئات عشوائية ، فإن الأفضل هو عدم استخدام أي شيء على الإطلاق. لا تضع معرفات وفصول في عناصرك.

في Angular ، يمكنك إضافة الأنماط مباشرةً إلى عناصرك:

<div ngStyle="divStyle"></div>

divStyle = {
  backgroundColor: 'red',
  color: white,
};

بخلاف ذلك ، إذا لم تستخدم Angular ، فيمكنك إضافة أوراق أنماط عشوائية إلى مشروعك ، لكنني لست من المعجبين بها لـ Angular ، نظرًا لأن القوالب الخاصة بك مغلفة. ولكن على أي حال ، إليك كيفية إضافة قاعدة إلى نهاية ورقة الأنماط.

randomId = Math.random().toString(36);
ngOnInit() {
  let styleSheet = document.styleSheets[0];
  styleSheet.insertRule(`#${randomId} { background-color: red; color: white; }`, styleSheet.cssRules.length);
}

<div [id]="randomId"></div>
0
وأضاف