AngularJS ਉਦਾਹਰਣ

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯਤਨ ਕਰੋ

ਤੁਸੀਂ ਆਨਲਾਈਨ ਉਦਾਹਰਣ ਸੰਸ਼ੋਧਨ ਕਰ ਸਕਦੇ ਹੋ, ਫਿਰ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕਰਕੇ ਨਤੀਜੇ ਦੇਖ ਸਕਦੇ ਹੋ。

AngularJS ਉਦਾਹਰਣ

<div ng-app="">
<p>ਨਾਮ: <input type="text" ng-model="name"></p>
<p>ਤੁਸੀਂ ਲਿਖਿਆ: {{ name }}</p>
</div>

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯਤਨ ਕਰੋ

ਐਂਜੁਲਰ ਜੀ ਬੇਸਿਕ

• ਮੇਰਾ ਪਹਿਲਾ ਐਂਜੁਲਰ ਜੀ ਨਿਰਦੇਸ਼
• ਮੇਰਾ ਪਹਿਲਾ ਐਂਜੁਲਰ ਜੀ ਨਿਰਦੇਸ਼ (ਜੋ ਐੱਚਟੀਐੱਮਐੱਲ5 ਮਿਆਰ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ)
• ਮੇਰਾ ਪਹਿਲਾ ਐਂਜੁਲਰ ਜੀ ਪ੍ਰਗਟਾਵਾ
• ਇੱਕ ਸਾਦਾ ਐਂਜੁਲਰ ਜੀ ਪ੍ਰਗਟਾਵਾ, ਵਾਰੀਅਬਲ ਵਰਤ ਕੇ
• ਮੇਰਾ ਪਹਿਲਾ ਐਂਜੁਲਰ ਜੀ ਕੰਟਰੋਲਰ

ਬੇਸਿਕ ਐਂਜੁਲਰ ਜੀ ਪ੍ਰਸਤੁਤੀ

AngularJS ਪ੍ਰਗਟਾਵਾਂ

• ਇੱਕ ਸਾਦਾ ਪ੍ਰਗਟਾਵਾ
• ng-app ਦੇ ਬਿਨਾ ਪ੍ਰਗਟਾਵਾ
• ਨੰਬਰ ਵਾਲੇ ਪ੍ਰਗਟਾਵੇ
• ng-bind ਨਾਲ ਨੰਬਰ ਬਾਂਧੇ ਜਾਣਾ
• ਸਟਰਿੰਗ ਵਾਲੇ ਪ੍ਰਗਟਾਵੇ
• ng-bind ਨਾਲ ਸਟਰਿੰਗ ਬਾਂਧੇ ਜਾਣਾ
• ਅਧਿਆਇਕਾਰ ਵਾਲੇ ਪ੍ਰਗਟਾਵੇ
• ng-bind ਨਾਲ ਅਧਿਆਇਕਾਰ ਬਾਂਧੇ ਜਾਣਾ
• ਤਾਰਕਾਂ ਵਾਲੇ ਪ੍ਰਗਟਾਵੇ
• ng-bind ਨਾਲ ਤਾਰਕਾਂ ਬਾਂਧੇ ਜਾਣਾ

ਪ੍ਰਗਟਾਵਾ ਪ੍ਰਸਤੁਤੀ

AngularJS ਮੌਡੂਲ

• AngularJS ਕੰਟਰੋਲਰ
• ਫਾਈਲ ਵਿੱਚ ਮੋਡੂਲ ਅਤੇ ਕੰਟਰੋਲਰ
• ਜਦੋਂ ਐਂਜੁਲਰ ਜੀ ਲੋਡ ਕਰਨਾ ਹੈ

ਮੋਡੂਲ ਪ੍ਰਸਤੁਤੀ

AngularJS ਆਦੇਸ਼

• AngularJS ਆਦੇਸ਼
• ng-model ਨਿਰਦੇਸ਼
• ng-repeat ਨਿਰਦੇਸ਼ (ਜਿਸ ਨੂੰ ਤਾਰਕਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ)
• ng-repeat ਨਿਰਦੇਸ਼ (ਜਿਸ ਨੂੰ ਅਧਿਆਇਕਾਰ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ)
• ਇੱਕ ਨਵਾਂ ਆਦੇਸ਼ ਬਣਾਉਣ
• ਨਵਾਂ ਆਦੇਸ਼ ਵਜੋਂ ਏਲੀਮੈਂਟ
• ਨਵਾਂ ਆਦੇਸ਼ ਵਜੋਂ ਗੁਣ
• ਨਵਾਂ ਆਦੇਸ਼ ਵਜੋਂ ਵਰਗ
• ਨਵਾਂ ਆਦੇਸ਼ ਵਜੋਂ ਨਿਰਦੇਸ਼
• ਸੀਮਿਤ ਆਦੇਸ਼

ਆਦੇਸ਼ ਪ੍ਰਸਤੁਤੀ

AngularJS ਮਾਡਲ

• AngularJS ਮਾਡਲ
• ਦੁਵੱਲੇ ਬਾਂਧਣ ਵਾਲਾ ਮਾਡਲ
• ਪ੍ਰਮਾਣਿਕਤਾ ਵਾਲਾ ਮਾਡਲ
• ਫਾਰਮ ਅਤੇ ਇਸ ਦੀ ਮੌਜੂਦਾ ਪ੍ਰਮਾਣਿਕਤਾ ਸਥਿਤੀ
• ਫੀਲਡ ਨਾਲ ਗਲਤੀ ਹੋਣ ਉੱਤੇ ਸੈਸ ਸ਼ੈੱਲ

ਮਾਡਲ ਪ੍ਰਸਤੁਤੀ

AngularJS ਕੰਟਰੋਲਰ

• AngularJS ਕੰਟਰੋਲਰ
• ਕੰਟਰੋਲਰ ਗੁਣ
• ਕੰਟਰੋਲਰ ਫੰਕਸ਼ਨ
• ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਾਈਲ ਵਿੱਚ ਕੰਟਰੋਲਰ I
• ਜਾਵਾਸਕ੍ਰਿਪਟ ਫਾਈਲ ਵਿੱਚ ਕੰਟਰੋਲਰ II

ਕੰਟਰੋਲਰ ਪ੍ਰਸਤੁਤੀ

AngularJS ਦਾ ਸਕੋਪ

• AngularJS ਦਾ ਸਕੋਪ
• ਸਕੋਪ ਸਿੰਕ੍ਰੋਨਾਈਜ਼ਡ ਹੈ
• ਵੱਖ-ਵੱਖ ਸਕੋਪ
• ਰੂਪ ਸਕੋਪ

ਸਕੋਪ ਪ੍ਰਸਤੁਤੀ

AngularJS ਫਿਲਟਰ

• uppercase ਫਿਲਟਰ ਪ੍ਰਗਟਾਵਾਂ
• lowercase ਫਿਲਟਰ ਪ੍ਰਗਟਾਵਾਂ
• currency ਫਿਲਟਰ ਪ੍ਰਗਟਾਵਾਂ
• orderBy ਫਿਲਟਰ ਆਦੇਸ਼
• ਇਨਪੁਟ ਫਿਲਟਰ

ਫਿਲਟਰ ਪ੍ਰਸਤੁਤੀ

AngularJS XMLHttpRequest

• ਸਟੈਟਿਕ JSON ਫਾਈਲ ਪੜ੍ਹਨਾ

XMLHttpRequest ਪ੍ਰਸਤੁਤੀ