无法弄清楚 POST 到 Json 数据 ANGULARJS答案

【问题标题】：Cannot figure out the POST into Json data ANGULARJS无法弄清楚 POST 到 Json 数据 ANGULARJS
【发布时间】：2016-10-17 07:44:36
【问题描述】：

这是我的 app.js

volkswagenApp
            .controller('VolkswagenCtrl',
                 ['$http' , function($http){
                     var vw =  this;
                     vw.gegevens = [];
                     $http.get('autos.json').success(function(data){
                     vw.gegevens = data;
                     });
                }]);

volkswagenApp
    .controller('FormController',function(){
            this.gegevens={};
            /*this.addGegevens = function(gegeven) {
            gegeven.gegevens.push(this.gegeven);
            this.gegevens={};
            }*/

            this.addGegevens = function(gegeven){
                this.gegevens.datum = Date.now();
                vw.gegevens.push(this.gegeven);
                this.gegeven = {};
               }
    });

这是我的 index.html：

<span ng-show="show">
  <form name="inputForm" class="form-group" ng-controller="FormController as autoctrl" 
  ng-submit="inputForm.$valid && autoctrl.addGegevens(gegeven)" novalidate>
    <br>

        <p> Type: <input type="text" name="autoctrl.type" ng-model="type" style="margin-left:52px; padding-left:5px;  width:165px;" minlength="2" maxlength="10" required /></p>
        <p>Bouwjaar: <input type="number" name="bouwjaar" ng-model="autoctrl.bouwjaar"  style="margin-left:22px; padding-left:5px;  width:165px;" minlength="4" maxlength="4" required /></p>
         <p>Km: <input type="number" name="km" ng-model="autoctrl.km" style="margin-left:60px; padding-left:5px;  width:165px;" minlength="2" maxlength="6" required /></p>
        <p>Brandstof:  <input id="select" name="brandstof" ng-model="autoctrl.brandstof" style="margin-left:20px; padding-left:5px;" minlength="3" maxlength="7" required/></p>

        <p>Kenteken: <input type="text" name="kenteken" ng-model="autoctrl.kenteken" style="margin-left:22px; padding-left:5px; width:165px;" minlength="6" maxlength="9" required /></p>
        <p>Datum:         <input type="text" name="datum" ng-model="autoctrl.datum"  style="margin-left:40px; padding-left:5px;  width:165px;" minlength="3" maxlength="11" required  /></p>
        <p>checked: <input type="checkbox"  name="checked" ng-model="autoctrl.checked" style="margin-left:28px;" required /></p>
        <br>
        <button class="btn btn-primary" type="submit" value="submit">Toevoegen</button>

        <div>{{inputForm.$valid}}</div>
        {{ PostDataResponse }} 
        {{autoctrl.gegeven.type}}
        {{autoctrl.gegeven.bouwjaar}}
</form>
</span>

这是控制台中的错误：

   Error: Can't find variable: vw

我尝试了一切，搜索了文档。看了几个教程，我不知道我哪里出错了。这是一个学校项目。请帮忙！

【问题讨论】：

在FormController vw 没有定义。
@Dann：你不能初始化变量，比如：var vw = this; , VW 将是未定义的
你在哪个标签中使用过ng-controller？
@Dann：然后如果你仍然没有从 $http 获取数据，那么检查内容类型，你需要设置它。
@Dann ：与问题无关，只是一个小建议。你应该用英文写你的代码。如果有人需要帮助您或独自完成该项目，最好使用英语，这样任何人都可以获取您的代码

标签： javascript angularjs angularjs-scope http-post

【解决方案1】：

vw 在VolkswagenCtrl 范围内声明，而不是在FormController 范围内。您可以使用$resource 模块获取ajax 数据并将一些服务注入FormController。

https://docs.angularjs.org/api/ngResource/service/$resource

【讨论】：

没有办法让我调整FormController吗？