使用AngularJS将值推送到json文件

我有一个简单的ng模型绑定到一个复选框。但每次用户输入一个新值时，它都会替换屏幕上的值。我希望他们能继续创造更多的东西，他们只是不断地添加一个复选框。使用棱角材料

怎样才能让那部分工作？我想我需要一个空数组来获取集合？我目前已经有一个json提供给页面的其余部分，但是如果我不能在页面级别工作，我可以找出如何将它提供给现有的json

这是我的HTML

<div ng-controller="AppCtrl" ng-cloak="" class="buttondemoBasicUsage" ng-app="MyApp">
    <md-content layout="column">
        <section flex layout="row">
            <md-input-container flex="25">
                <label>Metadata Name</label>
                <input type="text" ng-model="metaName">
            </md-input-container>
            <div flex="25" class="inline-button" layout layout-align="center center">
                <md-button type="button" ng-click="setValue(metaName)" ng-disabled="metaName==null || metaName==''" class="md-button md-raised md-ink-ripple md-accent" layout="row" layout-align="space between">
                    <span translate="EC.ADD_METADATA">Add Metadata</span>
                    <md-icon class="ti-icon ti-plus" layout layout-align="end center"></md-icon>
                </md-button>
            </div>
        </section>
        <section>
            <div>
                <md-checkbox ng-hide="name==null || name==''">
                    {{name}}
                </md-checkbox>
                <md-checkbox ng-repeat="eachTag in ::vm.media.tags">
                    {{eachTag}}
                </md-checkbox>
            </div>
        </section>  

    </md-content>
</div>

这里是测试环境

---

我提前感谢您的帮助

您可以将

$scope.name

更改为数组，如：

angular.module('MyApp',['ngMaterial', 'ngMessages','material.svgAssetsCache'])

.controller('AppCtrl', function($scope) {       
  $scope.names = []
  $scope.setValue = function (metaName) {
    $scope.names.push(metaName);
    $scope.metaName = null;
  }
});

然后在html中使用

ng repeat

循环

names

angular.module('MyApp',['ngMaterial', 'ngMessages','material.svgAssetsCache'])

.controller('AppCtrl', function($scope) {       
  $scope.names = []
  $scope.setValue = function (metaName) {
    $scope.names.push(metaName);
    $scope.metaName = null;
  }
});