AngularJS
स्थिरांक

टिप्पणियों

अपना पहला स्थिरांक बनाएं

angular
  .module('MyApp', [])
  .constant('VERSION', 1.0);

आपका स्थिरांक अब घोषित किया गया है और इसे एक नियंत्रक, एक सेवा, एक कारखाने, एक प्रदाता और यहां तक कि एक विन्यास विधि में इंजेक्ट किया जा सकता है:

angular
  .module('MyApp')
  .controller('FooterController', function(VERSION) {
    this.version = VERSION;
  });

<footer ng-controller="FooterController as Footer">{{ Footer.version }}</footer>

बक्सों का इस्तेमाल करें

यहां कोई क्रांति नहीं है, लेकिन कोणीय स्थिरांक विशेष रूप से उपयोगी हो सकता है जब आपका आवेदन और / या टीम बढ़ने लगती है ... या यदि आप बस सुंदर कोड प्यार करते हैं!

• रिफैक्टर कोड। घटना के नामों के साथ उदाहरण। यदि आप अपने एप्लिकेशन में बहुत सारे ईवेंट का उपयोग करते हैं, तो आपके पास ईवेंट के नाम थोड़े से हर जगह हैं। जब कोई नया डेवलपर आपकी टीम में शामिल होता है, तो वह अपनी घटनाओं को एक अलग वाक्यविन्यास के साथ नाम देता है, ... आप इसे आसानी से अपने ईवेंट के नामों को समूह में रखकर रोक सकते हैं:

  angular
    .module('MyApp')
    .constant('EVENTS', {
      LOGIN_VALIDATE_FORM: 'login::click-validate',
      LOGIN_FORGOT_PASSWORD: 'login::click-forgot',
      LOGIN_ERROR: 'login::notify-error',
      ...
    });
  

  angular
    .module('MyApp')
    .controller('LoginController', function($scope, EVENT) {
      $scope.$on(EVENT.LOGIN_VALIDATE_FORM, function() {
        ...
      });
    })
  

... और अब, आपके ईवेंट के नाम स्वतः पूर्णता से लाभ ले सकते हैं!

• कॉन्फ़िगरेशन को परिभाषित करें। एक ही स्थान पर अपने सभी कॉन्फ़िगरेशन का पता लगाएँ:

  angular
    .module('MyApp')
    .constant('CONFIG', {
      BASE_URL: {
        APP: 'http://localhost:3000',
        API: 'http://localhost:3001'
      },
      STORAGE: 'S3',
      ...
    });
  

• भागों को अलग करें। कभी-कभी, कुछ चीजें होती हैं जिन पर आपको बहुत गर्व नहीं होता है ... जैसे कि उदाहरण के लिए हार्डकोडेड मूल्य। उन्हें अपने मुख्य कोड में जाने के बजाय, आप एक कोणीय स्थिरांक बना सकते हैं

  angular
    .module('MyApp')
    .constant('HARDCODED', {
      KEY: 'KEY',
      RELATION: 'has_many',
      VAT: 19.6
    });
  

... और रिफलेक्टर जैसा कुछ

$scope.settings = {
  username: Profile.username,
  relation: 'has_many',
  vat: 19.6
}

सेवा

$scope.settings = {
  username: Profile.username,
  relation: HARDCODED.RELATION,
  vat: HARDCODED.VAT
}