آموزش انگولار-DOM
انگولار دارای دستورهایی برای پیوند دادن داده های اپلیکیشن به خصوصیات عناصر HTML DOM است.
دستور ng-disabled
دستور ng-disabled داده های اپلیکیشن انگولار را به خصوصیت disabled عناصر HTML ، پیوند می دهد.
مثالی از انگولار
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
</div>
توضیح اپلیکیشن:
دستور ng-disabled داده یmySwitch از اپلیکیشن را به خصوصیت disabled دکمه ی HTML پیوند می دهد.
دستور ng-model مقدار عنصر اچ تی ام ال checkbox را به مقدار mySwitch پیوند می دهد.
در صورتی که مقدار mySwitch برابر با true شود، دکمه ی مورد نظر غیرفعال می شود:
<button disabled>Click Me!</button>
</p>
در صورتی که مقدار mySwitch برابر با false شود، دکمه ی مورد نظر، غیرفعال نمی شود:
<button>Click Me!</button>
</p>
دستور ng-show
دستور ng-show یک عنصر HTML را نمایش می دهد و یا محو می کند.
مثالی از انگولار
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
دستور ng-show بر اساس مقدار ng-show یک عنصر HTML را محو می کند و یا نمایش می دهد.
شما می توانید از هر عبارتی که true یا false را تولید کند، استفاده کنید.
 |
در مقاله ی بعدی، مثال های بیشتری وجود دارند که نشان می دهند چطور با کلیک بر روی یک دکمه، عناصری را محو کنیم. |
|---|
دستور ng-hide
دستور ng-hide یک عنصر HTML را محو می کند و یا نمایش می دهد.
مثالی از انگولار
<p ng-hide="true">I am not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
- نوشته شده توسط احسان عباسی
- بازدید: 9199
