অ্যাঙ্গুলারজ, রুটের মধ্য দিয়ে ক্ষণস্থায়ী পাস

Question 1

আমার একটি ফর্মের সাথে একটি পরিস্থিতি রয়েছে যা বেশ কয়েকটি পৃষ্ঠায় ছড়িয়ে পড়েছে (আদর্শ হতে পারে না তবে এটি এমন।) আমি পুরো ফর্মের জন্য একটি সুযোগ থাকতে চাই যা আপনি বরাবর যেতে যেতে ভরাট হয়ে যায়, যাতে ব্যবহারকারীর যদি পদক্ষেপের মাঝে পিছনে চলে যায় তবে রাষ্ট্রের কথা মনে রাখা সহজ।

সুতরাং আমাকে খুব সিউডো কোডে করতে হবে:

সেট $scope.val = <Some dynamic data>
একটি লিঙ্কে ক্লিক করুন এবং একটি নতুন টেম্পলেট (সম্ভবত একই নিয়ামক সহ) যেতে হবে be
$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

পরিষেবাটি কাজ করবে, তবে কেবল সাধারণ স্কোপ এবং নিয়ন্ত্রক ব্যবহার করে এটি করার একটি যৌক্তিক উপায় হ'ল আপনার নিয়ামক এবং উপাদানগুলি সেটআপ করা যাতে এটি আপনার মডেলের কাঠামোকে প্রতিফলিত করে। বিশেষত, আপনার একটি পিতামাতার উপাদান এবং নিয়ামক প্রয়োজন যা একটি পিতামাতাদের স্কোপ স্থাপন করে। ফর্মের পৃথক পৃষ্ঠাগুলি এমন দৃষ্টিতে থাকা উচিত যা পিতামাতার কাছে একটি শিশু child সন্তানের দর্শন আপডেট হওয়া সত্ত্বেও পিতামাতাদের স্কোপটি বজায় থাকে।

আমি ধরে নিয়েছি আপনি ইউআই-রাউটার ব্যবহার করছেন যাতে আপনি নেস্টেড মতামত দেখতে পারেন। তারপরে সিউডো কোডে:

<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";
}

// নিয়ন্ত্রণকারীতে মান অ্যাক্সেস করুন

কন্ট্রোলার টু.জেএস

function ControllerTwo($scope, SharedService){

 $scope.SharedService = SharedService;

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

আশাকরি এটা সাহায্য করবে.