Angular after adding an element of the array controller, view is not drawn

When adding a new object to the array, the model is not drawn. Data is added through a modal window.

I do not understand, like bilateral buying should work and render, but no. I have no idea - what could it be?

HTML:

<section ng-controller="myController"> <h1>Задания</h1> <nav> <ul class="tabs"> <li><a href="#">Новые</a></li> <li><a href="#">В работе</a></li> <li><a href="#">На рассмотрении</a></li> <li><a href="#">Выполнены</a></li> <li><a href="#">Отменены</a></li> <li><a href="#">Черновики</a></li> <hr> </ul> </nav> <button onClick="getElementById('win').removeAttribute('style');" class="button" type="button">Добавить</button> <div id="win" style="display:none;"> <div id="win"> <div class="overlay"></div> <div class="visible"> <h2>Добавить в таблицу</h2> <div class="content"> <h4>Присвоить ID</h4> <input class="form-control" ng-model="itemId" type="text" placeholder="ID"> <h4>Какой город</h4> <input class="form-control" ng-model="city" type="text" placeholder="Название города"> <h4>Необходимая услуга</h4> <input class="form-control" ng-model="name" type="text" placeholder="Наименование услуги"> <h4>Срок</h4> <input class="form-control" ng-model="complete" type="text" placeholder="Срок выполнения"> <h4>Стоимость</h4> <input class="form-control" ng-model="price" type="text" placeholder="Стоимость"> </div> <button type="button" onClick="getElementById('win').style.display='none';">Отмена</button> <button type="submit" ng-click="createTask()">Добавить в таблицу</button> </div> </div> </section> <section> <div class="wrapper"> <input type="search" placeholder="Поиск по слову"> <label><input type="checkbox"/>Персональное</label> <label><input type="checkbox"/>Ночное</label> <label><input type="checkbox"/>Срочное</label> <a href="#"> Никита Ласточкин</a> </div> </section> <section ng-controller="myController"> <table> <thead> <tr> <td>ID</td> <td>Город</td> <td>Название</td> <td>Выполнить до</td> <td>Сумма</td> </tr> </thead> <tbody> <tr ng-repeat="task in tasks"> <td ng-bind = "task.itemId"></td> <td ng-bind = "task.city"></td> <td ng-bind = "task.name"></td> <td ng-bind = "task.complete"></td> <td ng-bind = "task.price"></td> </tr> </tbody> </table> </section> 

Js:

 var tableController = angular.module("App", []); tableController.controller("myController", function ($scope) { console.log($scope); $scope.tasks = [{ itemId: 10256, city: "Самара", name: "Подключение провода от клеемной коробки пожарной сигнализации к расцепителю, проверить работоспособность", complete: "13 Августа", price: "10 201р" }, { itemId: 10256, city: "Самара", name: "Подключение провода от клеемной коробки пожарной сигнализации к расцепителю, проверить работоспособность", complete: "13 Августа", price: "10 201р" } , { itemId: 10256, city: "Самара", name: "Подключение провода от клеемной коробки пожарной сигнализации к расцепителю, проверить работоспособность", complete: "13 Августа", price: "10 201р" } ] $scope.createTask = function () { $scope.tasks.push({itemId: $scope.itemId, city: $scope.city, name: $scope.name, complete: $scope.complete, price: $scope.price}); console.log($scope.tasks); }; });