2

我有一个带有名称的 Angular 表单p24Form

<div ng-form="private2" name="p24Form" ng-show="freqSelect == '2.4'" novalidate="" class="ng-pristine ng-valid">
    <div class="form-group">
        <label class="col-sm-2 control-label">
            <span class="edit" data-pk="private_2">WiFi name</span>:
        </label>
        <div class="col-sm-4">
            <input type="text" class="form-control ng-pristine ng-untouched ng-valid" name="freq2_name" ng-model="ssid">
            <!-- tooltips:  -->
        </div>
    </div>
</div>

我正在尝试检测它是否变脏或更改，然后相应地显示我的保存按钮。我试过了

尝试#1

if ($scope.p24Form.$dirty) {
    alert('dirty');
    $scope.showSaveBtn = true;
}else{
    $scope.showSaveBtn = false;
}

尝试#2

if ($scope.private2.$dirty) {
    alert('dirty');
    $scope.showSaveBtn = true;
}else{
    $scope.showSaveBtn = false;
}

我一直得到

TypeError：无法读取未定义的属性“$dirty”

我该如何调试呢？

4

1 回答 1

2

您需要访问表单的输入以检查它是否脏。例如：

$scope.myForm.inputName.$dirty

正如您所指出的，您应该使用表单的 name 属性来访问它。

此外，您正在访问 myForm 对象，它只是表单对象，在 DOM 渲染之前我将不可用， $scope.myForm 在控制器初始化时将简单地未定义，如果您真的想访问 $scope.myForm 从控制器然后您需要将该代码放入 $timeout 中，该代码将在下一个摘要周期中运行 $timeout 函数代码。

$timeout(function(){
    $scope.isDirty = $scope.myForm.$dirty;
  });
于 2017-06-19T19:07:50.747 回答