javascript - AngularJS 试图获取名称 : field from input in html and have static field (likes) with val 0 added as well

Question

所以我正在创建一个应用程序，我可以从 API 中提取啤酒列表。 JSON 包含每种啤酒的以下字段 {name: "beer", id: number, likes: number}

我遇到的问题是我正在尝试向现有列表中添加新啤酒。我只需要名称和喜欢字段即可将新啤酒发布到 API，ID 将自行生成。

代码如下

    HTML

            <div ng-app="beerApp" ng-controller="BeerController" class="jumbotron">
            <div class="all-beer js-beer-slider">
                <div class="single-beer" ng-repeat="beer in allBeer">
                    <div>{{beer.name}}</div>
                    <div>Likes: {{beer.likes}}</div>
                        <button ng-click="updateLikes(beer, -1)">X</button>
                        <button ng-click="updateLikes(beer, 1)"><\3</button>
                    <br>
                        <button class="btn">Add Beer</button>
                    <br>
                        <input type="text" ng-model="beerToAdd.name">
                        <button class="btn2" ng-click="addBeer(beerToAdd)">Submit</button>
                </div>
            </div>  
        </div>
    JS

    $scope.addBeer = function (check) {
         var likes = {'likes': '0'}
         $scope.allBeer.push(likes);

    console.log(check);

};

好吧，这显然不是我拥有的全部 JS，但这就是我正在处理这个问题的内容。按照目前的情况， name: 字段被填充，并且是 check 在控制台中返回的内容。我不知道如何将默认值为 0 的 Likes: 传递给数组，以便新项目可以按以下格式推送到 API {name: "whatever from the input field", likes: 0}

我对 Angularjs 相当陌生，不知道接下来该去哪里。非常感谢任何指导。

Answer 1

这应该有效

$scope.addBeer = function (newBeer) {
     $scope.allBeer.push({'name': newBeer.name,'likes':0});
};