title: Trigger click event of another element in angular?
body: <p>I have an input box and Its bound with datepicker. In my view, there is small calendar icon besides this input box. I want to trigger click event of an input box when user clicks on this calendar icon. I have done this using directive which I have applied to calendar icon. But its almost like jQuery. So is there any different way to achieve this? If my approach is wrong then please guide me to the right direction. I am new to angular and I have read some articles where I read that avoid use of jQuery. Thanks</p>
  
  <p><code>My Directive</code></p>
  
  <pre><code>myApp.directive('openCal',function($compile,$filter) {
      return {
          link:function(scope,element,attrs) {
              element.bind("click",function() {
                  element.siblings("input").trigger("click");
              });
          }
      };
  });
  </code></pre>
  
  <p>Its working fine. But I am not sure that is it right approach or not??</p>