Javascript AngularJS-处理ng模型数据的经验证的方法

我有一个表单，我正试图在

angularjs-controller

中绑定它的日期，这样我就可以将它传递到

djangorestframework

视图中，用它做更多的事情

现在我的问题是，我不知道如何正确绑定控制器中

datetimepicker

输入字段的数据，我将显示我的表单和控制器的一小部分，据我所知，这是我需要在输入字段上设置

ng model

，并在提交按钮上设置

函数

，这对我来说很清楚，但控制器中的部分我不明白，所以我如何才能正确地绑定它，请有人帮助我，谢谢，控制器是用咖啡脚本编写的

<div class="flex-grid"
         ng-controller="FilterContactsListCtrl">
        <div class="row">
            <div class="cell size-p20 padding10">
                <form action="." method="post">{% csrf_token %}
                    <label for="id_select_date">Select Date: *</label>
                    <div class="full-size">
                        <div class="input-control full-size text"
                            data-role="datepicker" date-format="mmmm d, yyyy">
                            <input id="id_select_date" ng-model="selectDate"/>
                            <button class="button"><span class="mif-calendar"></span></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="cell size-p20 padding10">
                <button class="button primary" ng-click="doAction()">
                    {% trans "Submit" %}
                </button>
            </div>
        </div>
    </div>

---

问题是您没有将任何模型传递给控制器。基本上，您的doAction（）方法不能做任何事情

我建议您将表单更改为使用ng submit并将模型传递给控制器

<form ng-submit="doAction(selectDate)" action="." method="post">{% csrf_token %}
                <label for="id_select_date">Select Date: *</label>
                <div class="full-size">
                    <div class="input-control full-size text"
                        data-role="datepicker" date-format="mmmm d, yyyy">
                        <input id="id_select_date" ng-model="selectDate"/>
                        <button class="button"><span class="mif-calendar"></span></button>
                    </div>
                </div>
            <button class="button primary" type="submit">
                {% trans "Submit" %}
            </button>
</form>

<form ng-submit="doAction(selectDate)" action="." method="post">{% csrf_token %}
                <label for="id_select_date">Select Date: *</label>
                <div class="full-size">
                    <div class="input-control full-size text"
                        data-role="datepicker" date-format="mmmm d, yyyy">
                        <input id="id_select_date" ng-model="selectDate"/>
                        <button class="button"><span class="mif-calendar"></span></button>
                    </div>
                </div>
            <button class="button primary" type="submit">
                {% trans "Submit" %}
            </button>
</form>

 $scope.doAction = function(selectDate){
       console.log(selectDate); // You have access to your data now
     //Do what ever you want
  }