AngularJS | ng-readonly指令

AngularJS中的ng-readonly指令用于指定HTML元素的readonly属性。仅当ng-readonly指令中的表达式返回true时，HTML元素才是只读的。

句法：

 Contents...  

示例1：此示例使用ng-readonly指令启用readonly属性。

    
        ng-readonly Directive
          
        
        
    
      
    
        GeeksforGeeks
        ng-readonly Directive
          
        
            Check to make month readonly: 
              
            
              
            Input Month:
        
    
                    

输出：
在选中复选框之前：

选中复选框后：

示例2：本示例使用ng-readonly指令在选项列表中启用readonly属性。

    
        ng-readonly Directive
          
        
        
    
      
    
        GeeksforGeeks
        ng-readonly Directive
        
            
                Edit
                
                    Update
                                 
            
            
              
            Select sorting algorithm
              
            
                
            
        
          
        
            var app = angular.module("app", []);
            app.controller('geek', ['$scope', function ($scope) {
                $scope.set = [{ id: 1, set: 'Merge sort' },
                    { id: 2, set: 'Quick sort' },
                    { id: 3, set: 'Bubble sort' }];
            }]);
        
    
                    

输出：
单击编辑按钮：

单击更新按钮：