AngularJS - интерактивный стол с Django

Question

Я пытаюсь создать интерактивную таблицу, однако, я не получаю. Первый и второй столбцы поступают из django, а другие столбцы - это входы номера типа, а последний столбец должен делать математику между столбцами (2º - (3 + 4rd + 5rd + 6rd + 7rd + 8rd column)) I ' вы все пробовали и не работают, кто-то может мне помочь?

Код ниже добавляет столбцы, но не освобождает второй столбец и вводит число на входе, оно копируется во все одинаковые столбцы.

<div ng-app=""> 
<table> 
    <!--Field name of each column--> 
    {% for i in prioridade %} 
    <tr> 
     {% for x in i %} 
      <td>{{ x }}</td> 
     {% endfor %} 
    </tr> 
    {% endfor %} 

    <!--Table fill--> 
    {% for w in table_01 %} 
    <!--Ex: table_01: [['Fev/2015', 10000.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], ['Mar/2015', 911.9, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]]--> 
    <tr> 
     <td>{{ w.0 }}</td> 
     <td>{{ w.1 }}</td> 
    {% verbatim %} 
     <td><input type="number" ng-model="val1" /></td> 
     <td><input type="number" ng-model="val2" /></td> 
     <td><input type="number" ng-model="val3" /></td> 
     <td><input type="number" ng-model="val4" /></td> 
     <td><input type="number" ng-model="val5" /></td> 
     <td><input type="number" ng-model="val6" /></td> 
     <td>{{ w.1-(val1 + val2 + val3 + val4 + val5 + val6) }}</td> 
    {% endverbatim %} 
    </tr> 
{% endfor %} 
</table> 

Answer 1

<td>{% endverbatim %}{{ w.1}}{% verbatim %}{{-(val1 + val2 + val3 + val4 + val5 + val6) }}</td> 
{% endverbatim %} 

я думаю, что это что-то вроде этого, becausew.1 является шаблон Джанго, должно быть из дословного

Answer 2

Причины ваших записей дублируются между линиями becuase они все ссылаются на одну и ту же ng-модель. например Все записи в столбце 3 прикреплены к модели val1. Вы должны либо назначить каждому элементу имя отдельной модели, либо использовать ng-repeat вместо django для цикла, чтобы повторять ваши строки.

Возможно, это даст желаемый результат.

{% verbatim %} 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val1" /></td> 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val2" /></td> 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val3" /></td> 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val4" /></td> 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val5" /></td> 
    <td><input type="number" ng-model="{% endverbatim %}row_{{forloop.counter}}{% verbatim %}val6" /></td> 
    <td>{{ {% endverbatim %} w.1-(row_{{forloop.counter}}val1 + row_{{forloop.counter}}val2 + row_{{forloop.counter}}val3 + row_{{forloop.counter}}val4 + row_{{forloop.counter}}val5 + row_{{forloop.counter}}val6) {% verbatim %} }}</td> 
{% endverbatim %} 

Я не знаю, как смешивание стенографических и шаблонных тегов будет работать, это, вероятно, лучше всего обрабатывать вычисления в вашей угловой контроллер в любом случае.