मैं एक शुरुआती कोणीय प्रोग्रामर हूं, लेकिन मैं निर्देशों को समझने के लिए वास्तव में करीब हूं।कोणीय निर्देश तालिका पंक्तियां
मैं एक fiddle here बनाने के लिए, लेकिन मैं पहले बेला इस्तेमाल नहीं किया है, और यह काफी प्रस्तुत नहीं हो रही ...
टीआर पंक्ति एक निर्देश है। मैं डेटा के माध्यम से लूप करने की कोशिश कर रहा हूं, और प्रति रिकॉर्ड एक निर्देश (पंक्ति) मुद्रित कर रहा हूं। HTML:
<table ng-controller="fiddleCtrl">
<thead>
<th>id</th>
<th>name</th>
<th>description</th>
</thead>
<tbody>
<tr><tr-row ng-repeat="d in data" scdata="d"></tr-row></tr>
</tbody>
</table>
जावास्क्रिप्ट:
var myapp = angular.module('myApp', [])
.controller('fiddleCtrl', ['$scope', function ($scope) {
$scope.data = [
{ id: 1, name: 'Fred', description: 'not the best worker' },
{ id: 2, name: 'Wilma', description: 'Freds Wife'},
{ id: 3, name: 'Barney', description: 'Freds best friend'},
{ id: 4, name: 'Louise', description: 'Never heard of Fred'},
{ id: 5, name: 'Tracy', description: 'Some Chick'},
{ id: 6, name: 'Foo', description: 'Inventer of bar'}
];
}]).directive('trRow', function ($compile) {
return {
restrict: "E",
replace: true,
link: function (scope, element, attrs) {
scope.id = scope.d.id;
scope.name = scope.d.name;
scope.desc = scope.d.description;
var tmpl = '<tr ><td>{{id}}</td><td><strong>{{name}}</strong></td><td>{{desc}}</td></tr>';
element.html(tmpl).show();
//var e =$compile(tmpl)(scope);
//element.replaceWith(e);
var e = $compile(element.contents())(scope);
},
scope: {
d: "="
}
};
});
आसान होना चाहिए। (ले श्वास)
किसी भी मदद की सराहना की जाएगी, मुझे वास्तव में इसे समझने की आवश्यकता है।
मेरे कोड में क्या हो रहा है यह है कि tr-row निर्देश तालिका को प्रतिस्थापित करता है। मुझे उनकी एक सूची मिलती है, (एक ट्र-पंक्ति तत्व के अंदर एक tr के साथ लेकिन उन्हें प्रदर्शित करने के लिए कोई टेबल नहीं है। मुझे पता है इसका मतलब है कि मैं करीब हूं, लेकिन मैं कोशिश करने के लिए किसी भी नए संयोजन के बारे में सोच नहीं सकता।
मैं सिर्फ यह में पंक्तियों के साथ एक सरल मेज की जरूरत है।
मैं appologise अगर यह एक लाख बार कहा गया है, मैं के लिए। मैं कोशिश की है बहुत सी बातें खोज करने के लिए क्या अनिश्चित होने लगते हैं।
जो सबसे आसान उत्तर है, और बिंदु के लिए सही है। बहुत अच्छा काम करता है। आपको बहुत - बहुत धन्यवाद! –
तो, आप इसे उत्तर के रूप में सेट करने के लिए बाईं ओर टिक पर क्लिक कर सकते हैं। धन्यवाद, और स्टैक ओवरफ्लो में आपका स्वागत है :) –
डुनो क्या बदल गया लेकिन खराब उदाहरण तालिका में कोई डेटा नहीं दिखाता – jorrebor