2017-04-18 21 views
0

啓用禁用(禁用使用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中預定義的日期值?並且可以在編輯後更改。 –

回答

0

初始化角屬性 「名稱」 使用NG-INIT去除值屬性,如下所示:

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

完成,這真棒。 –

+0

如何獲取angularjs中預定義的日期值?並且可以在編輯後更改。 –