启用禁用(禁用使用NG-init和通过点击按钮启用)文本输入框默认输入框的值后在angularjs

问题描述:

启用禁用(禁用使用NG-init和通过点击按钮启用)文本输入框默认输入框的值后在angularjs

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
 
    </script> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> 
 
    </script> 
 

 
    <head> 
 

 
    <body> 
 
     <div ng-app=""> 
 
     <label class="control-label"> Name:</label> 
 
     <div class="input-group col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
 
      <input type="text" class="form-control" ng-model="name" ng-disabled="bname" ng-init="bname=true;" value="Default Value"> 
 
      <span class="input-group-addon"> 
 
    <a ng-click="bname=!bname" title="Click here to Change your name"> 
 
    <span class="glyphicon glyphicon-edit"></span></a> 
 
      </span> 
 
     </div> 
 
     </div> 
 
    </body> 
 

 
</html>

未示出(使用禁用启用禁用后NG-init和通过启用按钮单击)文本输入框默认输入框值不显示在angularjs中,任何人都可以做到这一点?任何形式的帮助表示赞赏,因为我是ng新手。 W3C例如:w3schools.com tryit editor

+0

如何获取在angularjs中预定义的日期值?并且可以在编辑后更改。 –

初始化角属性 “名称” 使用NG-INIT去除值属性,如下所示:

<input type="text" class="form-control" ng-model="name" 
     ng-disabled="bname" ng-init="bname=false; name='default value'" > 
+0

完成,这真棒。 –

+0

如何获取angularjs中预定义的日期值?并且可以在编辑后更改。 –