जैसे मोडल को संभालने का एंगुलरजेएस तरीका क्या है, मुझे पता है कि आपको अपने डिस्प्ले लॉजिक को नियंत्रक के अंदर नहीं रखना चाहिए और मैं इस दृष्टिकोण के लिए उचित AngularJS तरीके से संघर्ष कर रहा हूं।इस
मैं मॉडलों के अंदर फॉर्म प्रस्तुत कर रहा हूं। मैं मॉडल के लिए ज़र्ब फाउंडेशन के खुलासे का उपयोग कर रहा हूं।
मार्कअप:
<div class="button" ng-click="modalAddWidget">Add Widget</div>
<div id="modalAddWidget" class="reveal-modal">
<h6>New Widget</h6>
<form>
<fieldset>
<legend>Widget Name</legend>
<input type="text" ng-model="ui.add_widget_value" />
</fieldset>
<div class="small button right" ng-click="addWidget()">Add Widget</div>
<div class="small button right secondary" ng-click="addWidgetCancel()">Cancel</div>
</form>
</div>
नियंत्रक:
...
$scope.modalAddWidget = function() {
$("#modalAddWidget").reveal();
}
$scope.addWidget = function() {
$scope.myobject.widgets.push({"name": $scope.ui.add_widget_value});
$scope.ui.add_widget_value = '';
$('#modalAddWidget').trigger('reveal:close');
}
$scope.addBudgetCancel = function() {
$scope.ui.add_widget_value = '';
$('#modalAddWidget').trigger('reveal:close');
}
...
नोट: $ scope.ui एक वस्तु मैं यूआई मूल्यों है कि उपयोगकर्ता जब तक मेरी वस्तु के लिए बाध्य नहीं किया जाना चाहिए स्टोर करने के लिए उपयोग कर रहा हूँ है वास्तव में "विजेट जोड़ें" पर क्लिक करता है
$ scope.myobj वह जगह है जहां मेरा डेटा संग्रहीत किया जाता है।
फाउंडेशन $("#modalAddWidget").reveal();
फ़ंक्शन मोडल ओवरले प्रस्तुत करता है।
चूंकि मुझे नियंत्रक के अंदर अपना डिस्प्ले कोड नहीं डालना चाहिए, इस तक पहुंचने का उचित तरीका क्या है?
उत्तर के लिए धन्यवाद, मैं अब इसके माध्यम से काम कर रहा हूं। :: यहां एक बुरे प्रश्न से समय बचाने के लिए संपादन :: – Coder1
उत्कृष्ट उदाहरण। धन्यवाद। – Coder1