ਅੰਗੁਲਰ ਜੀ ng-controller ਆਦੇਸ਼

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

ng-controller ਆਦੇਸ਼ ਕੰਟਰੋਲਰ ਨੂੰ ਤੁਹਾਡੇ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਜੋੜਦਾ ਹੈ。

ਕੰਟਰੋਲਰ ਵਿੱਚ, ਤੁਸੀਂ ਕੋਡ ਲਿਖ ਸਕਦੇ ਹੋ, ਅਤੇ ਫੰਕਸ਼ਨ ਅਤੇ ਵੈਰੀਅਬਲ ਬਣਾ ਸਕਦੇ ਹੋ, ਜੋ ਕਿ ਆਪਣੇ ਆਪ ਵਜੋਂ ਆਬਜੈਕਟ ਦਾ ਹਿੱਸਾ ਹੋਣਗੇ, ਅਤੇ ਮੌਜੂਦਾ HTML ਐਲੀਮੈਂਟ ਵਿੱਚ ਉਪਲੱਬਧ ਹੋਣਗੇ। ਅੰਗੁਲਰ ਜੀ ਵਿੱਚ, ਇਹ ਆਬਜੈਕਟ ਸਕੋਪ (scope) ਕਿਹਾ ਜਾਂਦਾ ਹੈ。

ਉਦਾਹਰਣ

ਆਪਣੇ ਐਪਲੀਕੇਸ਼ਨ ਵਾਲੇ ਵੈਰੀਅਬਲਸ ਦੇ ਲਈ ਇੱਕ ਕੰਟਰੋਲਰ ਜੋੜੋ:

<div ng-app="myApp" ng-controller="myCtrl">
ਪੂਰਾ ਨਾਮ: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

ਸੁਭਾਵਿਕ ਤੌਰ 'ਤੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਗਰੰਥਸ਼ਾਸਤਰ

<element ng-controller="expression</element>

ਸਾਰੇ HTML ਐਲੀਮੈਂਟ ਸਮਰੱਥ ਹਨ。

ਪੈਰਾਮੀਟਰ