2017-04-18 19 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とで有効になってボタンクリック)テキスト入力ボックスデフォルトの入力ボックスの値はanglejsに表示されませんが、これを行う必要がありますか?どんな種類の助けもありがたいです。なぜなら、私は新しいことが原因です。 W3C例:w3schools.com tryit editor

+0

anglejsで事前定義された日付値の取得方法は?編集後に変更することができます。 –

答えて

0

以下に示すようにvalue属性を削除NG-INITを使用して、角度プロパティ "name" を初期化:

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

が完了しました。素晴らしいです。 –

+0

ng-disabled = "bdob" ng-init = "bdob = false; bdob = '11 -11-1990 '">入力タイプ= "日付" class = "フォームコントロール" ng-model = "dob" ng-disabled = "bdob" anglejsで事前定義された日付値の取得方法編集後に変更することができます。 –

関連する問題