Javascript 触摸表单时显示保存按钮/修改-AngularJS

我有4个角形状和一个保存按钮

保存按钮

<div class="col-sm-2">
    <button class="btn btn-sm btn-primary pull-right admin-hide mb10" ng-show="showSaveBtn == true" ng-click="checkSaveBtn()">Save</button>
</div>

结果

$scope.showSaveBtn

不断返回false

为什么它总是返回false？我做错了什么

如何进一步进行调试

---

注

---

他不接我的信。根据链接，人们使用tag，但在我的例子中，我使用了带有

ng form

属性的tag，我们检查它的方式可能略有不同。

我不确定

checkSaveBtn

是否要绑定到ng click事件。它不应该设置在输入的

ng change

上吗？@Saksham：根据你的链接，人们使用

标记，但在我的例子中，我使用了

标记和

ng form

属性，我们检查它的方式可能略有不同。@JulienTASSIN:好的，我将尝试

ng change

，并将向您更新结果。@JulienTASSIN:result当我使用

ng change

时-我得到-

错误：[$compile:ctreq]控制器“ngModel”，指令“ngChange”要求的，找不到
{{-- WiFi Includes --}}
@if($section == "private")
    <div ng-form="private2" name="p24Form" ng-show="freqSelect == '2.4'" novalidate>
        @include('views.settings.wifi.private2')
    </div>
    <div ng-form="private5" name="p50Form" ng-show="freqSelect == '5'" novalidate>
        @include('views.settings.wifi.private5')
    </div>
@elseif($section == "guest")
    <div ng-form="guest2" name="g24Form" ng-show="freqSelect == '2.4'" novalidate>
        @include('views.settings.wifi.guest2')
    </div>
    <div ng-form="guest5" name="g50Form" ng-show="freqSelect == '5'" novalidate>
        @include('views.settings.wifi.guest5')
    </div>
@endif

$scope.showSaveBtn = false;
$scope.checkSaveBtn = function() {

    if (

        $scope.p24Form.$dirty ||
        $scope.g24Form.$dirty ||
        $scope.p50Form.$dirty ||
        $scope.g50Form.$dirty

        ) {

        $scope.showSaveBtn = true;
    }else{
        $scope.showSaveBtn = false;
    }
}


console.info('$scope.showSaveBtn = ', $scope.showSaveBtn);