Jassif Team Institution

AngularJS HTML DOM

AngularJS-এর HTML DOM উপাদানগুলির বৈশিষ্ট্যগুলিতে অ্যাপ্লিকেশন ডেটা আবদ্ধ করার নির্দেশ রয়েছে।

ng-অক্ষম নির্দেশিকা

ng-অক্ষম নির্দেশিকা AngularJS অ্যাপ্লিকেশন ডেটাকে HTML উপাদানের নিষ্ক্রিয় বৈশিষ্ট্যের সাথে আবদ্ধ করে।

AngularJS Example

<div ng-app="" ng-init="mySwitch=true">

<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>

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

<p>
{{ mySwitch }}
</p>

</div>

আবেদন বিবরণ:

ng-অক্ষম নির্দেশিকা ব্যবহার ডেটা mySwitch-কে HTML বোতামের নিষ্ক্রিয় বৈশিষ্ট্যের সাথে আবদ্ধ করে।

ng-মডেল নির্দেশিকা HTML চেকবক্স উপাদানের মানকে mySwitch-এর মানের সাথে আবদ্ধ করে।

যদি mySwitch এর মান সত্যে মূল্যায়ন করে, বোতামটি নিষ্ক্রিয় করা হয়:

<p>
<button disabled>Click Me!</button>
</p>

যদি mySwitch এর মান মিথ্যাতে মূল্যায়ন করে, বোতামটি নিষ্ক্রিয় করা হবে না:

<p>
<button>Click Me!</button>
</p>

ng-শো নির্দেশনা

এনজি-শো নির্দেশিকা একটি HTML উপাদান দেখায় বা লুকিয়ে রাখে।

AngularJS Example

<div ng-app="">

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

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

</div>

এনজি-শো নির্দেশিকা এনজি-শো-এর মানের উপর ভিত্তি করে একটি HTML উপাদান দেখায় (বা লুকিয়ে)।

আপনি সত্য বা মিথ্যা মূল্যায়ন করে এমন যেকোনো অভিব্যক্তি ব্যবহার করতে পারেন:

AngularJS Example

<div ng-app="" ng-init="hour=13">

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

</div>

ng-লুকান নির্দেশ

ng-hide নির্দেশিকা একটি HTML উপাদান লুকিয়ে বা দেখায়।

AngularJS Example

<div ng-app="">

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

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

</div>

ব্যবহারিক উদাহরণ

ব্যায়ামের মাধ্যমে শেখা

দ্রুত নোট