ਐਂਜੁਲਰJS ng-click ਇੰਡਰੈਕਟਿਵ

انگولار جی اس مناظر ناچنال

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ng-click ਇੰਡਰੈਕਟਿਵ ਐਂਜੁਲਰJS ਨੂੰ ਬਿਆਨ ਕਰਦਾ ਹੈ ਕਿ ਕਿਹੜੀ ਕਾਰਵਾਈ ਕਰਨੀ ਹੈ ਜਦੋਂ HTML ਐਲੀਮੈਂਟ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਹਰ ਵਾਰ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕਰਨ ਤੇ ਵੈਰੀਅਬਲ count ਵਿੱਚ 1 ਜੋੜੋ:

<button ng-click="count = count + 1" ng-init="count=0">OK</button>

عیناً کوشش کریں

ਉਦਾਹਰਣ 2

ਐਂਜੁਲਰJS ਵਿੱਚ ਜਦੋਂ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇੱਕ ਫੰਕਸ਼ਨ ਚਲਾਉਣਾ ਹੈ:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">اوک</button>
    <p>اس بٹن کو {{count}} بار کلک کیا گیا ہے。</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

عیناً کوشش کریں

گرامر

<ایلیمنٹ ng-click="ایگزیپریشن}}</ایلیمنٹ>

تمام ایچ تی ام ال عناصر استعمال کر سکتے ہیں。

پارامتر

پارامتر شرح
ایگزیپریشن ایلیمنٹ کلک کیا جانے پر اگلائی جانے والی ایکسپریشن。

انگولار جی اس مناظر ناچنال