AngularJS HTML DOM

AngularJS HTML DOM
parijat biswas
student of CSE
university of Asia Pacific

AngularJs Directives গুলো HTML DOM উপাদানগুলকে অ্যাপ্লিকেশন ডাটাতে যুক্ত করে ।
ng-disabled Directive
ng-disabled directive Angularjs অ্যাপ্লিকেশন ডাটাকে disabled html উপাদানগুলোর সাথে যুক্ত করে ।
AngularJS উদাহরনঃ
<div ng-app="">

<p>
mySwitch">Click Me!
</p>

<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>

</div>
* নিজে চেষ্টা করে দেখুন।
আপ্লিকেশনের ব্যাখ্যাঃ
ng-disabled directive অ্যাপ্লিকেশন ডাটা mySwitch কে html বাটন disabled এ যুক্ত করে ।
ng-model directive HTML checkbox উপাদানের এর মান কে mySwitch এর মানের সাথে যুক্ত করে ।
যদি mySwitch এর মান true হয়, তবে বাটনটি disabled হবেঃ
<p>
<button disabled>Click Me!</button>
</p>
যদি mySwitch এর মান false হয়, তবে বাটনটি disabled হবেনাঃ
<p>
<button>Click Me!</button>
</p>
ng-show Directive
ng-show directives html উপাদানকে show অথবা hide করে ।
AngularJS উদাহরনঃ
<div ng-app="">

<p ng-show="true">I am visible.</p>

<p ng-show="false">I am not visible.</p>

</div>
* নিজে চেষ্টা করে দেখুন।
ng-show directive HTML উপাদানকে ng-show এর মানের উপর ভিত্তি করে দেখায়(show) বা আড়াল(hide) করে ।
আপনি true(সত্য) অথবা false(মিথ্যা) যেকোনো মান ব্যবহার করতে পারেনঃ
AngularJS উদাহরনঃ
<div ng-app="">

<p ng-show="hour > 12">I am visible.</p>

</div>
* নিজে চেষ্টা করে দেখুন।
ng-hide Directive
ng-hide directive html উপাদানকে আড়াল(hide) বা দেখায়(show) করে ।
AngularJS উদাহরনঃ
<div ng-app="">

<p ng-hide="true">I am not visible.</p>

<p ng-hide="false">I am visible.</p>

</div>
* নিজে চেষ্টা করে দেখুন।

Permanent link to this article: http://bangla.sitestree.com/angularjs-html-dom/