Попытка динамически построить таблицу в Angular

Question

Попытка динамически построить таблицу в Angular

0

В этом plunk у меня есть директива со столом. Я пытаюсь добавить динамически в таблицу одну строку с двумя ячейками. Тем не менее, таблица показывает только одну ячейку. Что не так с этим кодом?

Javascript

angular.module('app', []);


angular.module('app')
.directive('directive1', function() {


    var directive = {};

    directive.restrict = 'E';

    directive.scope = true;

    directive.template = '<table class="c" border="1"></table>';

    directive.link = function(scope, element, attrs) {

                var t = angular.element(".c");
                var r1 = t.append("<tr></tr>");
                var col1 = r1.append("<td></td>");
                col1.text("1111");
                var col2 = r1.append("<td></td>");
                col2.text("2222");

    };

    return directive;

});

ps0604 02 авг. 2016, в 05:19

Источник

0

На самом деле это не создает какую - либо ячейки, вы можете проверить его проверку сгенерированного HTML.
developer033 02 авг. 2016, в 02:39
0

Я знаю, но как это исправить?
ps0604 02 авг. 2016, в 02:43

Теги:

angularjs

2 ответа

0

Это сработало:

            var t = angular.element(".c");
            var r1 = $("<tr></tr>")
            t.append(r1);
            var col1 = $("<td></td>");
            r1.append(col1);
            col1.text("1111");
            var col2 = $("<td></td>");
            r1.append(col2);
            col2.text("2222");

ps0604 02 авг. 2016, в 00:56

Ещё вопросы

На самом деле это не создает какую - либо ячейки, вы можете проверить его проверку сгенерированного HTML.

Marcelo Olgiati · Accepted Answer · 2016-08-02T01-28-00.000Z

Это могло бы также работать:

var t = angular.element(".c");
var r1 = t.append(angular.element(document.createElement('tr')));
var col1 =angular.element(document.createElement('td')).html("1111");
var col2 =angular.element(document.createElement('td')).html("2222");
r1.append(col1);
r1.append(col2);