Có cách nào để kiểm tra toàn bộ trang bị bẩn hay không?

Question

Tôi mới ở angularJS, tôi muốn kiểm tra trang của mình có bị bẩn hay không. tôi biết làm thế nào để kiểm tra hình thức bẩn nhưng không phải toàn bộ trang (như tôi đang sử dụng chỉ thị trong hình thức này). Có cách nào để kiểm tra một phần chỉ đạo là bẩn hay không? như trong trang của tôi, tôi có chỉ thị xếp hạng sao. trong đó nếu tôi thay đổi xếp hạng thì tôi muốn kiểm tra trang có bị bẩn hay không?

<form name="reviewForm">  
     <div class="row"> 
      <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
       <div> 
        <table class="rwd-table table-responsive table-bordered table-striped" > 
         <tbody> 
          <tr data-ng-repeat="review in reviewModifyData.review.KeyAreaList" > 
           <td class="mywidth"> 
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
             <strong class="reviewPadding"> 
              <span data-ng-bind="review.Title"></span> 
             </strong> 
             <br> 
            </div> 
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
             <small class="reviewPadding"><span data-ng-bind="review.HelpText | limitTo:150"></span><span tooltip-placement="auto" uib-tooltip="{{review.HelpText}}" data-ng-show="review.HelpText.length > 150">...</span></small> 
            </div> 
           </td>              
           <td > 
             <span class="visible-sm visible-xs"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> 
             <angular-star-rating min="reviewModifyData.minValue" max="reviewModifyData.review.RatingLevel" 
                  value='review.Rate' hover='reviewModifyData.changeOnHover' 
                  is-readonly='reviewModifyData.isReadonly'>         
             </angular-star-rating> 
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

           </td> 
          </tr> 
         </tbody> 
        </table> 
        <br> 

        <div class="row" data-ng-if="reviewModifyData.section.length !== 0" data-ng-class="{'has-error': reviewForm.$submitted && reviewForm.Remark.$invalid,'has-feedback': reviewForm.$submitted && reviewForm.Remark.$valid}"> 
         <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
          <label class="control-label" > Remark</label> <span data-ng-if="reviewModifyData.review.IsRemarkMandetory" class="errortext">*</span> 
          <div class="has-feedback"> 
           <textarea class="form-control noresize" data-ng-if="!reviewModifyData.review.IsRemarkMandetory" rows="3" name="Remark" placeholder="Enter Remark" data-ng-model='reviewModifyData.review.Remark' ></textarea> 
           <textarea class="form-control noresize" required data-ng-if="reviewModifyData.review.IsRemarkMandetory" rows="3" name="Remark" placeholder="Enter Remark" data-ng-model='reviewModifyData.review.Remark' ></textarea> 
          </div> 
          <span class="text-danger" data-ng-show="reviewForm.$submitted && reviewForm.Remark.$error.required">Please Enter Remark <i class="fa fa-exclamation-circle"></i></span> 
         </div> 
        </div>  
       </div> 
      </div> 
     </div> 
</form> 

bây giờ tôi đã thử trong js của tôi như thế này.

if ($scope.reviewForm.$dirty) { 
       toastr.error('The form is dirty, do you want to stay on the page?'); 
       return; 
      } 

Cảm ơn trước,

Answer 1

bạn có thể truy cập vào formController trong Chỉ thị của bạn (nhìn vào answer này) vì sử dụng $setDirty() phương pháp