JayData和Angular - 保存表单数据

时间:2014-05-29 17:24:51

标签: angularjs jaydata

我是Angular和Jaydata的新手。我需要从下拉列表中获取数据并将其保存到Jay数据中。我完全不确定我错过了什么。这就是我所拥有的。

在index.html页面中,我有一个下拉按钮和一个按钮,用于在单击时保存数据。 有人可以帮我理解我需要做什么吗?感谢

<select id="year" name="Year" class="input-large" ng-model="year"  >
    <option value="0" selected=""disabled="">&lt;Year&gt;</option>
    <select id="year" name="Year" class="input-large" ng-model="year"  >
        <option value="0" selected="" disabled="">&lt;Year&gt;</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
        <option value="2004">2004</option>
        <option value="2005">2005</option>
        <option value="2006">2006</option>
        <option value="2007">2007</option>
        <option value="2008">2008</option>
        <option value="2009">2009</option>
        <option value="2010">2010</option>
        <option value="2011">2011</option>
        <option value="2012">2012</option>
        <option value="2013">2013</option>
        <option value="2014">2014</option>
    </select>
    <footer>
        <br>
            <button type="submit" class="btn btn-primary btn-lg" ng-click="save()" >
            Save
            </button>
        </footer>

在indexcontroller中我有:

var controllerId = 'indexcontroller';
angular.module('app').controller(controllerId, ['common', 'datacontext', indexcontroller]);

function indexcontroller($scope,common, datacontext) {


    $scope.save = function Save() {

        myDB.onReady(function () {
            //trying to add year from the drop down here
            myDB.ScoreData.add({ Year: $scope.year });
            myDB.saveChanges();
        });

    }
}
})();

1 个答案:

答案 0 :(得分:0)

我只需要传入$ scope。 :) var controllerId ='indexcontroller'; angular.module('app')。controller(controllerId,['$ scope','common','datacontext',indexcontroller]);