यह संभव है और यहां बताया गया है कि मैं एक ही चीज को इनपुट की तालिका के साथ कैसे करता हूं।
टेबल को इस तरह से लपेटें
तो बस इस का उपयोग करें
मेरे पास मल्टी-नेस्टेड निर्देशों के साथ एक फॉर्म है जिसमें सभी इनपुट (एस), चयन (एस), आदि हैं ... ये सभी तत्व एनजी-रिपीट और गतिशील स्ट्रिंग मानों में संलग्न हैं।
यह निर्देश का उपयोग करने का तरीका है:
<form name="myFormName">
<nested directives of many levels>
<your table here>
<perhaps a td here>
ex: <input ng-repeat=(index, variable) in variables" type="text"
my-name="{{ variable.name + '/' + 'myFormName' }}"
ng-model="variable.name" required />
ex: <select ng-model="variable.name" ng-options="label in label in {{ variable.options }}"
my-name="{{ variable.name + index + '/' + 'myFormName' }}"
</select>
</form>
नोट: यदि आप इनपुट की शायद एक तालिका को क्रमबद्ध करने की आवश्यकता है, तो आप स्ट्रिंग संघनन में जोड़ और अनुक्रमण कर सकते हैं; जोकि मैंने किया था।
app.directive('myName', function(){
var myNameError = "myName directive error: "
return {
restrict:'A', // Declares an Attributes Directive.
require: 'ngModel', // ngModelController.
link: function( scope, elem, attrs, ngModel ){
if( !ngModel ){ return } // no ngModel exists for this element
// check myName input for proper formatting ex. something/something
checkInputFormat(attrs);
var inputName = attrs.myName.match('^\\w+').pop(); // match upto '/'
assignInputNameToInputModel(inputName, ngModel);
var formName = attrs.myName.match('\\w+$').pop(); // match after '/'
findForm(formName, ngModel, scope);
} // end link
} // end return
function checkInputFormat(attrs){
if( !/\w\/\w/.test(attrs.rsName )){
throw myNameError + "Formatting should be \"inputName/formName\" but is " + attrs.rsName
}
}
function assignInputNameToInputModel(inputName, ngModel){
ngModel.$name = inputName
}
function addInputNameToForm(formName, ngModel, scope){
scope[formName][ngModel.$name] = ngModel; return
}
function findForm(formName, ngModel, scope){
if( !scope ){ // ran out of scope before finding scope[formName]
throw myNameError + "<Form> element named " + formName + " could not be found."
}
if( formName in scope){ // found scope[formName]
addInputNameToForm(formName, ngModel, scope)
return
}
findForm(formName, ngModel, scope.$parent) // recursively search through $parent scopes
}
});
यह कई स्थितियों को संभालना चाहिए जहां आपको पता नहीं है कि फॉर्म कहां होगा। या शायद आपके पास नेस्टेड रूप हैं, लेकिन किसी कारण से आप इस इनपुट नाम को दो रूपों तक संलग्न करना चाहते हैं? ठीक है, बस उस नाम के रूप में पास करें जिसे आप इनपुट नाम संलग्न करना चाहते हैं।
जो मैं चाहता था, वह उन इनपुट डायनामिक मूल्यों को सौंपने का एक तरीका था जो मैं कभी नहीं जान पाऊंगा, और फिर सिर्फ $ गुंजाइश।
आप अपनी इच्छा के अनुसार और कुछ भी जोड़ सकते हैं: अधिक तालिकाएं अधिक इनपुट, नेस्टेड फॉर्म, जो आप चाहते हैं। उस प्रपत्र नाम को पास करें जिसे आप इनपुट के विरुद्ध सत्यापित करना चाहते हैं। फिर फॉर्म सबमिट पर पूछें कि क्या $ गुंजाइश.yourFormName। $ वैध है