AngularJS HTML DOM

ਐੱਂਜੁਲਰਜੀ ਐੱਚਟੀਐੱਮਐੱਲ DOM ਨੂੰ ਐਪਲੀਕੇਸ਼ਨ ਅੰਕੜਿਆਂ 'ਤੇ ਬਾਂਧਣ ਵਾਲੇ ਨਿਰਦੇਸ਼ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ

ng-disabled ਨਿਰਦੇਸ਼

ng-disabled ਨਿਰਦੇਸ਼ ਐੱਂਜੁਲਰਜੀ ਐਪਲੀਕੇਸ਼ਨ ਅੰਕੜਿਆਂ ਨੂੰ ਐੱਚਟੀਐੱਮਐੱਲ ਇਲਾਕੇ ਦੀ disabled ਵਿਸ਼ੇਸ਼ਤਾ 'ਤੇ ਬਾਂਧਦਾ ਹੈ

اگلر جی ایس مثال

<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>
</div>

خود بخود کوشش کریں

ਵਰਣਨਯੋਗ ਵਿਸ਼ੇਸ਼ਤਾ:

ng-disabled ਅਪਲੀਕੇਸ਼ਨ ਅੰਕੜਿਆਂ ਨੂੰ mySwitch ਐੱਚਟੀਐੱਮਐੱਲ ਬਟਨ 'ਤੇ ਬਾਂਧਦਾ ਹੈ disabled ਵਿਸ਼ੇਸ਼ਤਾ 'ਤੇ

ng-model ਨਿਰਦੇਸ਼ ਐੱਚਟੀਐੱਮਐੱਲ ਚੈਕਬਾਕਸ ਇਲਾਕੇ ਦਾ ਮੁੱਲ ਬਾਂਧਦਾ ਹੈ 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>

خود بخود کوشش کریں

آئوردر آئوردر آئوردر آئوردر کی بنیاد پر آئوردرقیمتیںایچ تی ام ال عناصر کو نمودار (یا پوشا دینا) کرنا یا نہ کرنا

آپ کسی بھی توثیق یا ناتوثیق کی جگہ استعمال کرسکتے ہیں:

اگلر جی ایس مثال

<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">مجھی دیکھا جا سکتا ہے。</p>
</div>

خود بخود کوشش کریں

آئندہ چپ میں، مزید مثال فراہم کیے جائیں گے، تاکہ پتہ چل سکے کہ کیسے بٹن کلک کے ذریعے ایچ تی ام ال عناصر کو پوشا دینا یا نمودار کرنا کا آئوردر استعمال کیا جاتا ہے。

آئوردر آئوردر آئوردر

آئوردر آئوردر آئوردر یا نمودار ایچ تی ام ال عناصر کو پوشا دینا یا نمودار کرنا کا آئوردر

اگلر جی ایس مثال

<div ng-app="">  
<p ng-hide="true">مجھی دیکھا نہیں جا سکتا ہے。</p>  
<p ng-hide="false">مجھی دیکھا جا سکتا ہے。</p>  
</div>

خود بخود کوشش کریں