AngularJS HTML DOM

AngularJS ইনজেকশনগুলি অ্যাপ্লিকেশন ডাটা বাঁধা দেয় এইচটিএমএল DOM ইলেমেন্টের অ্যাট্রিবিউটের ওপর

ng-disabled ইনজেকশন

ng-disabled ইনজেকশন এইচটিএমএল ইলেমেন্টের disabled অ্যাট্রিবিউটের ওপর অ্যাপ্লিকেশন ডাটা বাঁধা দেয়

AngularJS 实例

<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">আমাকে ক্লিক করুন!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>

亲自试一试

অ্যাপ্লিকেশন বিবরণ:

ng-disabled ইনজেকশন অ্যাপ্লিকেশন ডাটা mySwitch এইচটিএমএল বাটনের disabled অ্যাট্রিবিউটের ওপর বাঁধা দেয়

ng-model ইনজেকশন এইচটিএমএল চেকবক্স ইলেমেন্টের মানকে mySwitch এর মানের ওপর

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

<p>
<button disabled>আমাকে ক্লিক করুন!</button>
</p>

যদি mySwitch এর মান falseতার কারণে, বাটনটি নিষ্ক্রিয় হবেনা:

<p>
<button>আমাকে ক্লিক করুন!</button>
</p>

ng-show ইনজেকশন

ng-show ইনজেকশন এইচটিএমএল ইলেমেন্টকে দেখা দেয় বা লুকায়িত করে。

AngularJS 实例

  
<p ng-show="true">আমি দৃশ্যমান。</p>  

我是不可见的。

亲自试一试

ng-show 指令根据 ng-show 的值显示（或隐藏）HTML 元素。

您可以使用任何评估为真或假的表达式：

AngularJS 实例



I am visible.

亲自试一试

在下一章中，将提供更多示例，说明如何使用按钮单击来隐藏 HTML 元素。

ng-hide 指令

ng-hide 指令隐藏或显示 HTML 元素。

AngularJS 实例

  

我是不可见的。
  

我是可见的。

亲自试一试