एनजी-मॉडल

Question

के लिए कोणीय जेएस डिफ़ॉल्ट मान 0gजैसे एनजी-मॉडल को डिफ़ॉल्ट मान प्राप्त करना संभव है?

मेरे पास एक ऐसा फॉर्म है जिस पर मैंने jQuery के serialize फ़ंक्शन का उपयोग किया है, और जब भी कोई मान मौजूद नहीं होता है, तब भी इसे क्रमबद्ध डेटा में शामिल किया जाएगा, उदा। {name: '', age: ''}।

हालांकि, जब मैं कोणीय के $http का उपयोग करके इसे पोस्ट करने का उपयोग करके उपयोग करता हूं और $scope से मॉडल प्राप्त करता हूं, तो यह खाली होने पर undefined के रूप में दिखाई देता है।

Answer 1

आप अपने विचार में इनका उपयोग करने से पहले मॉडल में गुणों को आसानी से परिभाषित कर सकते हैं।

यदि आप अपना कंट्रोलर कोड दिखाते हैं तो मैं आपको दिखाऊंगा कि आपको उन्हें दायरे में जोड़ने के लिए क्या अपडेट करना होगा।

यह कुछ ऐसा दिखाई देगा:

अपने js फ़ाइल है कि एप्लिकेशन

angular.module("MyModule", []).controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.myModel = {name:""}; 
}]); 

परिभाषित अपने HTML में

<input type="text" ng-model="myModel.name"/> 

नोट मैं वैश्विक चर/कार्य नहीं होने पसंद करते हैं तो मैं इस से बचने और खनन के लिए अनुमति देने के लिए कोणीय द्वारा प्रदान किए गए एक अलग वाक्यविन्यास का उपयोग कर रहा हूं।

Answer 2

आपको jQuery serialize का उपयोग करने की आवश्यकता नहीं है। में

<form ng-controller="MyCtrl" ng-submit="submit()"> 
    <input type="text" name="name" ng-model="formData.name"> 
    <input type="text" name="age" ng-model="formData.age"> 
    <input type="submit" value="Submit Form"> 
</form> 

function MyCtrl($scope) { 
    $scope.formData = {}; 

    $scope.submit = function() { 
     $http.post('/someUrl', $scope.formData) 
    }; 
} 

ताकि $ http आप बस $ पारित कर सकते हैं scope.formData:

आपका प्रपत्र इस तरह दायरे करने के लिए बाध्य किया जाना चाहिए।

Is there a more effective way to serialize a form with angularjs?

Answer 3

तुम भी कोशिश कर सकते हैं:

<div ng-init="foo={}"> 
    <input type="text" ng-model="foo.name=''"/> 
</div> 

या:

<input type="text" ng-init="foo.name=''"/> 

यह पेश करेंगे:

foo = { name: '', .... } 

Answer 4

कभी कभी, आप अगर पता नहीं है मान सेट है या नहीं। यही डिफ़ॉल्ट है।

मैं इसका उपयोग करता हूं जब मुझे यह सुनिश्चित करने की आवश्यकता होती है कि एक चर के पास कुछ मूल्य है। आप अपने नियंत्रक में सेट कर सकते हैं

$scope.possiblyEmptyVariable = $scope.possiblyEmptyVariable || "default value"; 

कोणीय बिना अच्छा काम करता है और साथ ही

// some object that may or may not have a property 'x' set 
var data = {}; 

// Set default value of "default" 
// carefull, values like 'null', false, 0 will still fall to defaults 
data.x = data.x || "default"; 

// Set default value of "default" 
// this will not fall to defaults on values like 'null', false, 0 
data.x = !"x" in data || "default"; 

आप, मूल्यों का एक समूह की स्थापना की angular.extend या jQuery का उपयोग करने की जरूरत है।विस्तार

data.z = "value already set"; 
var defaults = { x: "default", y: 1, z: "default" }; 
var newData = angular.extend({}, defaults, data); 
// { x: "default, y: 1, z: "value already set" } 

आशा है कि मदद करता है