कोणीयज, मार्गों के बीच की गुंजाइश

Question 1

मेरे पास एक फॉर्म के साथ एक स्थिति है जो कई पृष्ठों पर फैला है (आदर्श नहीं हो सकता है, लेकिन यह है कि यह कैसा है)। मैं पूरे फॉर्म के लिए एक गुंजाइश रखना चाहता हूं जो आपके साथ जाते ही भर जाता है, ताकि यदि उपयोगकर्ता कदमों के बीच आगे-पीछे हो जाए तो राज्य को याद रखना आसान हो जाता है।

इसलिए मुझे बहुत छद्म कोड में करने की आवश्यकता है:

सेट $scope.val = <Some dynamic data>
एक लिंक पर क्लिक करें और एक नए टेम्पलेट (शायद उसी नियंत्रक के साथ) में रूट किया जाए।
$scope.val यह अभी भी वैसा ही होना चाहिए जैसा कि पिछले पृष्ठ पर था।

क्या किसी तरह से इस बारे में जाने के लिए गुंजाइश का डेटा सही तरीका है, या कोई और तरीका है? क्या आप किसी ऐसे नियंत्रक को भी बना सकते हैं, जिसके पास मार्ग के बीच एक स्थायी गुंजाइश है, सिवाय इसके कि इसे डेटाबेस में सहेजा जा सके।

Question 2

आपको एक सेवा का उपयोग करने की आवश्यकता है क्योंकि एक सेवा आपके ऐप के जीवन भर बनी रहेगी।

कहते हैं कि आप उपयोगकर्ता से संबंधित डेटा को बचाना चाहते हैं

इस तरह से आप सेवा को परिभाषित करते हैं:

app.factory("user",function(){
        return {};
});

आपके पहले नियंत्रक में:

app.controller( "RegistrationPage1Controller",function($scope,user){
    $scope.user = user;
    // and then set values on the object
    $scope.user.firstname = "John";
    $scope.user.secondname = "Smith";
});

app.controller( "RegistrationSecondPageController",function($scope,user){
        $scope.user = user;
        // and then set values on the object
        $scope.user.address = "1, Mars";

    });

Question 3

सेवा काम करेगी, लेकिन केवल साधारण स्कोप और कंट्रोलर का उपयोग करके इसे करने का एक तार्किक तरीका यह है कि आप अपने नियंत्रकों और तत्वों को स्थापित करें ताकि यह आपके मॉडल की संरचना को दर्शाता हो। विशेष रूप से, आपको एक मूल तत्व और नियंत्रक की आवश्यकता होती है जो एक मूल गुंजाइश स्थापित करता है। प्रपत्र के अलग-अलग पृष्ठों को एक दृश्य में रहना चाहिए जो कि माता-पिता के लिए एक बच्चा है। चाइल्ड व्यू अपडेट होने के बाद भी पैरेंट स्कोप बना रहता है।

मुझे लगता है कि आप यूआई-राउटर का उपयोग कर रहे हैं ताकि आपको नामित नाम दिखाई दे सकें। फिर छद्म कोड में:

<div ng-controller="WizardController">
  <div name="stepView" ui-view/>
</div>

उसके बाद विजार्डकंट्रोलर उस स्कोप वेरिएबल को परिभाषित करता है जिसे आप मल्टी-पेज फॉर्म के चरणों में संरक्षित करना चाहते हैं (जिसे मैं "विज़ार्ड" के रूप में संदर्भित कर रहा हूं)। तब आपके रूट stepViewकेवल अपडेट होंगे । प्रत्येक चरण के अपने टेम्पलेट, नियंत्रक और स्कोप हो सकते हैं, लेकिन उनके स्कोप पृष्ठ से पृष्ठ पर खो जाते हैं। लेकिन विज़ार्डकंट्रोलर में स्कोप सभी पृष्ठों पर संरक्षित हैं।

चाइल्ड कंट्रोलर्स से विजार्डकंट्रोलर स्कोप्स को अपडेट करने के लिए, आपको प्रत्येक स्कोप वैरिएबल के लिए विजार्डकंट्रोलर पर $scope.$parent.myProp = 'value'एक फ़ंक्शन की तरह सिंटैक्स का उपयोग करने या परिभाषित करने की आवश्यकता होगी setMyProp। अन्यथा, यदि आप चाइल्ड कंट्रोलर्स से सीधे पेरेंट स्कोप वेरिएबल सेट करने की कोशिश करते हैं, तो आप पेरेंट वेरिएबल को शैडो करते हुए, बच्चे पर ही एक नया स्कोप वैरिएबल बना लेंगे।

समझाने के लिए तरह तरह के और मैं एक पूर्ण उदाहरण की कमी के लिए माफी माँगता हूँ। मूल रूप से आप एक पेरेंट कंट्रोलर चाहते हैं जो एक पेरेंट स्कोप स्थापित करे, जो आपके फॉर्म के सभी पृष्ठों पर संरक्षित रहेगा।

Question 4

डेटा को दो तरीकों से नियंत्रकों के बीच पारित किया जा सकता है

$rootScope
नमूना

नीचे दिया गया नमूना मॉडल का उपयोग करके मूल्यों के पारित होने को दर्शाता है

app.js

angular.module('testApp')
  .controller('Controller', Controller)
  .controller('ControllerTwo', ControllerTwo)
  .factory('SharedService', SharedService);

SharedService.js

function SharedService($rootScope){

 return{
    objA: "value1",
    objB: "value2"
  }
}

// नियंत्रक ए में मूल्य को संशोधित करें

Controller.js

function Controller($scope, SharedService){

 $scope.SharedService = SharedService;

 $scope.SharedService.objA = "value1 modified";
}

// कंट्रोलरव्यू में मूल्य तक पहुंचें

ControllerTwo.js

function ControllerTwo($scope, SharedService){

 $scope.SharedService = SharedService;

 console.log("$scope.SharedService.objA"+$scope.SharedService.objA); // Prints "value1 modified"
}

उम्मीद है की यह मदद करेगा।