1

我正在使用以下template属性将 Django 的表单提供给 angular-ui-bootstrap 模态：

function openFinderModal() {
    var modalInstance = $modal.open({
        template: vm.modalTemplate,
    });

从表单视图提供的模态模板的相关部分：

<div class="modal-body" >
    <form ng-controller="ServiceFinderModalController">
        {% csrf_token %}
        {{ form }}
    </form>
</div>

然后我使用django-angularng-model在每个表单字段上创建一个（请参阅文档），对应于下面的简单表单：

class ServiceSelectionForm(NgModelFormMixin, NgForm):
    service_0 = forms.BooleanField()

但是，当我尝试访问此表单字段时，$scope我得到undefined.

function ServiceFinderModalController($scope) {
    console.log($scope.service_0);
}

我检查了页面的来源，它似乎应该可以工作（见倒数第二行）：

<form ng-controller="ServiceFinderModalController" class="ng-pristine ng-valid ng-scope">

  <input type="hidden" name="csrfmiddlewaretoken" value="dkH6aiHyIqqkJlN5xAbiYaX0c37tXb9U">
  <ul class="djng-form-errors ng-hide" ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.$pristine">
    <li ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.$message" class="invalid ng-binding ng-hide" ng-bind="U2VydmljZVNlbGVjdGlvbkZvcm0.$message"></li>
  </ul>
  <ul class="djng-form-errors ng-hide" ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.$dirty"></ul>
  <label for="id_service_0">Test 2</label>
  <ul class="djng-field-errors ng-hide" ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.service_0.$pristine">
    <li ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.service_0.$message" class="invalid ng-binding ng-hide" ng-bind="U2VydmljZVNlbGVjdGlvbkZvcm0.service_0.$message"></li>
  </ul>
  <ul class="djng-field-errors ng-hide" ng-show="U2VydmljZVNlbGVjdGlvbkZvcm0.service_0.$dirty"></ul>
  <input id="id_service_0" name="service_0" ng-model="service_0" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty">

</form>

我试过做类似$scope.$digest()但得到[$rootScope:inprog]错误的事情。

更新

$scope一旦它被切换，它就会意识到这个字段。现在我只需要从一开始就想办法做到这一点......

4

0 回答 0