2017-04-01 10 views
0

角度1.6を使用していて、プロファイルデータの表示を非表示にしていますが、どこに間違っているのか分かりません。 ここにコード私はngclick show hideを実行していますが、出力を得ることができません。

<div class="col-sm-12 col-lg-10" ng-controller="profile"> 
<div class="text-center"> 
    <div class="col-sm-12"> 
    <div class="pull-right"> 
     <a ng-click="edit-form = ! edit-form"> <i class="fa fa-pencil fa-2x" style="cursor:pointer;color:#f7972f;"> </i> </a> 
    </div> 
     <div class="image-upload edit-picture"> 
      <label for="file-input"> 
       <i class="fa fa-camera fa-2x" style="cursor:pointer;color:#f7972f;"> </i> 
      </label> 
      <input id="file-input" type="file"/> 
     </div> 
     <img src="amit.jpg" class="img img-circle edit-image" style="width:150px;"> 
     <h3> Amit Singh Chauhan </h3> 
    </div> 
    <div class="col-sm-12" ng-show="edit-form"> 
     <div class="col-sm-1"></div> 
     <div class="col-sm-10" > 
     <form action="" novalidate="novalidate"> 
      <p><span class="wpcf7-form-control-wrap first-name"><input type="text" name="first-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="First Name"></span></p> 
      <p><span class="wpcf7-form-control-wrap last-name"><input type="text" name="last-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Last Name"></span></p> 
      <p><span class="wpcf7-form-control-wrap email-address"><input type="email" name="email-address" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="E-mail Address"></span></p> 
      <div><span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Comment"></textarea></span></div> 
      <div><input type="submit" value="Save Profile" class="wpcf7-form-control wpcf7-submit mkd-contact3"><span class="ajax-loader"></span></div> 
     </form> 
     </div> 
     <div class="col-sm-1"></div> 
    </div> 
</div> 

<script> 
    var app = angular.module("myApp", []).controller ("profile", function   ($scope){ 
}); 
</script> 
+0

+0

という名前を付けてフォームに名前を付けてみてください。ただし、なぜフォーム名はそのようになりますか? –

答えて

2

editFormedit-formを変更してみてください。

+0

まだ何も起こらない –

+1

@amitchauhanはここでうまくいきます:http://plnkr.co/edit/kxPG3sSGcep9JqlHZgOt?p=preview、あなたのコードには何か間違いがあります。問題を再現するplnkrを作成します。関連するパーツだけを表示するだけでなく、** all **を表示するようにコードを単純化します。 –

+0

実際にその全体のテーマので、全体のプロジェクトをアップロードすることはできません –

関連する問題