Ionic <ion-content> interferes with ng-click

I read that ion-content has its own scope, but not sure if anyone else has the same issue.

I have a form where u write content and ng-click=addpost().

However, it doesnt work when its wrapped within <ion-content class></ion-content>.

However I want the <ion-content> as I want the scroll. Does anyone have a workaround?

brief of the code attached below.

<ion-view ng-controller = "ViewCtrl">

  <ion-nav-buttons>
   <!-- nav bar buttons --> 
  </ion-nav-buttons>

  <ion-content class="has-header padding"> 

   <div class = "container posts-page">

       <div class = "post row"> 

           <div class = "col-md-9 col-xs-11">
               <div class = "content"> 
               </div>
           </div> 

           <div ng-repeat = "comment in comments" class="row cmt">
           </div>

           <form ng-show="signedIn()">

             <textarea ng-model = commentText placeholder = "Input" 
             </textarea>

             {{100 - commentText.length}}

            <div class>
              <input type="datetime" {{comment.timestamp}}
            </div>

             <button class="button button-large button-block button-assertive" 
                  ng-click="addComment()">
                  Add Comment 
             </button>

           </form>

        </div>
     </div> 
  </ion-content>

<ion-view>