bangla - javascript download for windows 7



এমডিডায়লগে ডেটা পাঠানো হচ্ছে (4)


প্রধান তালিকা পৃষ্ঠায় সম্পাদনা বোতাম রয়েছে। যা সম্পাদিত সারিটির বিশদ খোলায়।
ওয়ে -1: এখন, যদি আমি "ctrl.parent.q_details.client_location" সেট করি তবে এটি প্যারেন্ট লিস্টিং কন্ট্রোলারের সাথে আবদ্ধ হয় এবং এটি 2-উপায় বাইন্ডিং হিসাবে কাজ করে এবং স্বয়ংক্রিয়ভাবে মানগুলি সম্পাদনা বাক্স পরিবর্তনের হিসাবে পরিবর্তন করে, যা এখানে প্রয়োজন হয় না ।
এখানে কেবল আমি ইনপুটবক্সে সম্পাদনা মানগুলি প্রদর্শন করতে ও অনুমতি দিতে চাই। প্যারেন্ট কন্ট্রোলারে পরিবর্তন পেতে চান না।

M এমডিডায়ালগ কল করতে প্যারেন্ট কন্ট্রোলারে কোড নিম্নলিখিত is

$mdDialog.show({
                locals:{parent: $scope},                
                clickOutsideToClose: true,                
                controllerAs: 'ctrl',                
                templateUrl: 'quotation/edit/',//+edit_id,
                controller: function () { this.parent = $scope; },
            });

► নিম্নলিখিত পপআপ এমডিডায়ালগের কোড।

<md-dialog aria-label="">
    <div ng-app="inputBasicDemo" ng-controller="deliverController" layout="column">
        <form name="" class="internal_note_cont">           
            <md-content class="md-padding">             
                <md-input-container class="md-input-has-value" flex>
                    <label>Client Name</label>
                    <input ng-model="qe.client_name" required >
                </md-input-container>
                <md-input-container flex>
                    <label>Client Location</label>
                    <input required ng-model="ctrl.parent.q_details.client_location">
                </md-input-container>                   
            </md-content>
        </form>
        <div>           
        </div>
    </div>
    <input type="" required ng-model="ctrl.parent.q_details.recid">  
</md-dialog>



ওয়ে 2: দ্বিতীয় উপায়টি ডায়ালগ কন্ট্রোলারের (ডেলিভারি কনট্রোলার) এনজি-মডেলের সাথে আবদ্ধ না করে সরাসরি ডিবি থেকে মান প্রেরণ করছে।

]).controller("deliverController", ["$scope", "$filter","$http","$route","$window","$mdDialog",
    function ($scope, $filter,$http,$route,$window,$mdDialog) {
        $scope.qe.client_name = '12345'; // just to test.        
    }

এটি অনির্দিষ্ট - স্কোপ.কিউয়ের ত্রুটি দিচ্ছে।

সুতরাং শেষ পর্যন্ত, আমি এমডি ডায়ালগগুলিতে ডেটা প্রেরণ করতে এবং সেগুলি প্রদর্শন করতে এবং এটিকে স্বাভাবিক উপায়ে সম্পাদনা করার অনুমতি পাচ্ছি না। অনুগ্রহ করে কেউ অভিজ্ঞ কৌণিক লোক আমাকে সাহায্য করুন। আমি কৌণিক নতুন। আমি 2 দিন থেকে বিভিন্ন উপায়ে চেষ্টা করছি।

https://ffff65535.com


এই লোকটির সর্বদা সঠিক উত্তর থাকে: https://github.com/angular/material/issues/455#issuecomment-59889129

সংক্ষেপে:

$mdDialog.show({
            locals:{dataToPass: $scope.parentScopeData},                
            clickOutsideToClose: true,                
            controllerAs: 'ctrl',                
            templateUrl: 'quotation/edit/',//+edit_id,
            controller: mdDialogCtrl,
        });

var mdDialogCtrl = function ($scope, dataToPass) { 
    $scope.mdDialogData = dataToPass  
}

পাসিং অবজেক্টে স্থানীয় বৈশিষ্ট্য ব্যবহার করে ভেরিয়েবলটি পাস করুন Pass এই মানগুলি কন্ট্রোলারে ইনজেক্ট করা হবে $ সুযোগ নয় । পৃথক স্কোপ দৃষ্টান্তকে পরাস্ত করে পিতামাতার পুরো $ স্কোপটি পাস করা এত ভাল ধারণা নাও থাকতে পারে।


এটি আমার পক্ষে কাজ করেছে:

        confirmNewData = function() {
        let self = this;
        this.$mdDialog.show({                
            templateUrl: '/dist/views/app/dialogConfirmAFEData.html',
            controllerAs: "ctrl",                                
            controller: $scope => $scope = { $mdDialog: self.$mdDialog, 
                                             data: self.FMEData, 
                                             cancel: function() { this.$mdDialog.cancel(); }, 
                                             confirm: function() { this.$mdDialog.hide(); }  
                                           },
            clickOutsideToClose: false
        }).then(function() {
            // User Accepted!!
            console.log('You accepted!!!');
        }, function() {
            // User cancelled, don't do anything.
            console.log('You cancelled!!!');
        });
    };

এবং দেখুন ...

<md-dialog aria-label="Start New AFE" style="min-width: 50%;">
    <md-toolbar>
      <div class="md-toolbar-tools">
        <h2>GIS Data...</h2>          
      </div>
    </md-toolbar>
    <md-dialog-content>
        <div layout="column" layout-padding>
            <li/>Lease: {{ ctrl.data.LEASE }}    
            <li/>Reservoir: {{ ctrl.data.RESERVOIR }}    
        </div>
    </md-dialog-content>

    <md-dialog-actions layout="row">
      <md-button class="md-button" ng-click="ctrl.cancel()">Cancel</md-button>
      <md-button class="md-button" ng-click="ctrl.confirm()">Yes</md-button>                
    </md-dialog-actions>


এইচটিএমএল

<md-button ng-click='vmInter.showDialog($event,_dataToPass)'>
<i class="fa fa-custom-edit" aria-hidden="true"></i>
</md-button>

js

    function _showSiebelDialog(event,_dataToPass) {

        $mdDialog.show({
                locals:{dataToPass: _dataToPass}, //here where we pass our data
                controller: _DialogController,
                controllerAs: 'vd',
                templateUrl: 'contentComponents/prepare/views/Dialog.tmpl.html',
                parent: angular.element(document.body),
                targetEvent: event,
                clickOutsideToClose: true

            })
            .then(
                function(answer) {},
                function() {

                }
            );
    };

function _DialogController($scope, $mdDialog,dataToPass) {
console.log('>>>>>>> '+dataToPass);
}

$scope.showPrompt = function(yourObject) {
$mdDialog.show({
    templateUrl: 'app/views/your-dialog.tpl.html',
    locals: {
        callback: $scope.yourFunction // create the function  $scope.yourFunction = function (yourVariable) {
    },
    controller:  function ($scope, $mdDialog, callback) {
        $scope.dialog.title = 'Your title';
        $scope.dialog.abort = function () {
            $mdDialog.hide();
        };
        $scope.dialog.hide = function () {

            if ($scope.Dialog.$valid){
                $mdDialog.hide();
                callback($scope.yourReturnValue, likes the return of input field);
            }
        };
    },
    controllerAs: 'dialog',
    bindToController: true,
    clickOutsideToClose: true,
    escapeToClose: true
});

};





angular-material