title: How to raise an event in Angular 1.5 Component
body: <p>I'm using Angular 1.5 Component in my application. I have a root component for configuration my routes:</p>
  
  <pre><code>module.component("myApp", {
      templateUrl: "/app/components/my-app.component.html",
      $routeConfig: [
          { path: "/list", component: "myList", name: "List" },
          { path: "/login", component: "login", name: "Login" },
          { path: "/**", redirectTo: [ "List" ] }
      ]
  });
  </code></pre>
  
  <p>I also have a component called <code>login-partial</code> inside <code>my-App</code> component for showing login for logout menu:</p>
  
  <pre><code>&lt;div class="navbar-collapse collapse"&gt;
      &lt;ul class="nav navbar-nav navbar-right"&gt;
          &lt;li&gt;
              &lt;a href="#/login"&gt;Login&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
  </code></pre>
  
  <p>Now, inside my <code>login-conponent</code>'s controller I want to change <code>login-partial</code> template (changing the <code>login</code> item to <code>logout</code>):</p>
  
  <pre><code>function loginController(account, $location) {
      var model = this;
      var onComplete = function (data) {
          if (data === "ok") {
              $location.url('/list');
          }
      };
      model.login = function (userName, password) {
          account.login(userName, password)
              .then(onComplete, onError);
      };
  };
  module.component("login", {
      templateUrl: "/app/components/login.component.html",
      controllerAs: "model",
      controller: ["account", "toaster", "$location", loginController]
  });
  </code></pre>
  
  <p>With directives we could raise an event using <code>$scope.$emit() and $scope.$on()</code>. But as far as I know the new component introduced in Angular 1.5 doesn't support events.   </p>
  
  <p>Is it possible with components? Any suggestion as to how one would achieve doing this?</p>