AngularJS json ਫਿਲਟਰ

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

json ਫਿਲਟਰ ਜੈਵਾਵਲਾਪਰਸੋਨ ਨੂੰ JSON ਸਟਰਿੰਗ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ。

ਇਹ ਫਿਲਟਰ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਰੈਗੂਲੇਸ਼ਨ ਵਿੱਚ ਬਹੁਤ ਫਾਇਦੇਮੰਦ ਹੈ。

ਜੈਵਾਵਲਾਪਰਸੋਨ ਕੋਈ ਵੀ ਤਰਾਂ ਦਾ ਜੈਵਾਵਲਾਪਰਸੋਨ ਹੋ ਸਕਦਾ ਹੈ。

ਸਬੰਧਤ ਪੰਨੇ

AngularJS ਸਿੱਖਿਆ ਪੁਸਤਕ:Angular ਫਿਲਟਰ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਜੈਵਾਵਲਾਪਰਸੋਨ ਦਾ ਜੈਵਾਵਲਾਪਰਸੋਨ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰੋ:

<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Customer:</h1>
<pre>{{customer | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    };
});
</script>

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 2

ਯਕੀਨੀ ਕਰੋ ਕਿ JSON ਸਟਰਿੰਗ ਦੀ ਹਰ ਘੁੰਮਾਵੀ 12 ਖਾਲੀ ਜਗ੍ਹਾਵਾਂ ਵਾਲੀ ਹੋਵੇ:

<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Customer:</h1>
<pre>{{customer | json : 12}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.customer = {
        "name" : "Alfreds Futterkiste",
        "city" : "Berlin",
        "country" : "Germany"
    };
});
</script>

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

ਉਦਾਹਰਣ 3

JavaScript ਆਬਜੈਕਟ ਦੇ ਤੌਰ 'ਤੇ ਮੰਡਲ

<div ng-app="myApp" ng-controller="jsCtrl">
<h1>Carnames:</h1>
<pre>{{cars | json}}</pre>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('jsCtrl', function($scope) {
    $scope.cars = ["Audi", "BMW", "Ford"];
});
</script>

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

ਗਰਿੱਖਤ

{{ object | json : spacing }}

ਪੈਰਾਮੀਟਰ