AngularJS HTML DOM

AngularJS 提供指令可将应用程序数据绑定到 HTML DOM 元素的属性上。

ng-disabled 指令

ng-disabled 指令将 AngularJS 应用程序数据绑定到 HTML 元素的 disabled 属性上。


<p>

</p>
<p>
Button
</p>
<p>
{{ mySwitch }}
</p>
</div>

ng-disabled 指令将应用程序数据 mySwitch 绑定到 HTML 按钮的 disabled 属性上。

ng-model 指令将 HTML 复选框元素的值绑定到 mySwitch کا مطلب یہ ہے

اگر mySwitch کا مطلب یہ ہے true، تو بٹن نمودار نہیں ہوگا:

<p>
<button disabled>مجھے کلک کریں!</button>
</p>

اگر mySwitch کا مطلب یہ ہے false، تو بٹن غیر نمودار نہیں ہوگا:

<p>
<button>مجھے کلک کریں!</button>
</p>

ng-show آئی پی جی نا کا کارروائی یا پوشیدار کرنا

<div ng-app="">  
<p ng-show="true">مجھے دیکھا جاسکتا ہے。</p>  
<p ng-show="false">من قابل مشاهده نیستم.</p>  
</div>

ng-show دستورالعمل بر اساس ng-showمقدارعناصر HTML را نمایش (یا مخفی) کنید.

می‌توانید از هر عبارتی که ارزیابی شده به درستی یا نادرست باشد استفاده کنید:

<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>

در فصل بعدی، مثال‌های بیشتری ارائه خواهد شد که نشان می‌دهد چگونه می‌توان از کلیک دکمه برای مخفی کردن عناصر HTML استفاده کرد.

ng-hide دستورالعمل‌ها برای مخفی کردن یا نمایش عناصر HTML.

<div ng-app="">  
<p ng-hide="true">من قابل مشاهده نیستم.</p>  
<p ng-hide="false">من قابل مشاهده هستم.</p>  
</div>