Приложение Chrome angular js не работает

Я создаю приложение Chrome и в некоторых частях использовал angularjs. Сценарий отлично работает в веб-браузере, но когда я использую его в своем приложении, это не так. Даже функция контроллера не вызывается. В моем html-файле я включил следующий код

<div name="teaminfo" ng-controller="teamsController">
    <table>
        <thead>
            <th>TeamName</th>
            <th>Wins</th>
        </thead>
        <tr ng-repeat="team in teams">
            <td>
                <input type="text" ng-model="team.teamName">
            </td>
            <td>
                <input type="text" ng-model="team.w">
            </td>
        </tr>
    </table>
    <button class="submit" ng-click="savedata();" type="submit">Save new values</button>
</div>

и джаваскрипт

var teamsController = function ($scope, $http) {
    $http.get("teams.json").success(function (data) {
        $scope.teams = data.teams;
        console.log(data);
        console.log($scope.teams);
    });
    $scope.savedata = function () {
        console.log("savedata function");
        teams = angular.copy($scope.teams);
        console.log(teams);
    }
}