title: AngularJS - Change input placeholder dynamically in controller
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;input id="identification" name="identification" type="text" placeholder="{{trackingLoginCtrl.owcs.owcsDocumentPlaceHolder}}" ng-model="trackingLoginCtrl.owcsDocument" required=""&gt;
  &lt;p ng-click="trackingLoginCtrl.clickDotsIcon()"&gt;dots&lt;/p&gt;
  </code></pre>
  
  <p>And in my controller:</p>
  
  <pre><code>clickDotsIcon(){
          let vm = this;
  
          if(vm.owcs.owcsDocumentPlaceHolder === vm.$scope.trackingLoginCtrl.owcs.owcsDocumentPlaceHolder){
              vm.$scope.trackingLoginCtrl.owcs.owcsDocumentPlaceHolder = vm.owcs.owcsButtonTitle;
          }else{
              vm.$scope.trackingLoginCtrl.owcs.owcsDocumentPlaceHolder = vm.owcs.owcsDocumentPlaceHolder;
          }       
      }
  </code></pre>
  
  <p>When I click on dots I need to change the placeholder to the new one and if I click on it again to change it back to what it was. I manage to change it to the new one but not back to the old one. </p>