title: Load component based on query param in AngularJS
body: <p>I have a state in a component as follow.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>.state('owner-details', {
              parent: 'app',
              url: '/vehical/sections/:sectionId/?custom_mode=preview',
              data: {
                  authorities: ['owner'],
                  pageTitle: "Owner Details"
              },
              views: {
                  'content@': {
                      component: 'ownerDetails'
                  },
                  'breadcrumb@': {
                      component: 'breadcrumb'
                  }
              },
              resolve: {
                  
              }
          });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to load the component if the query param custom_mode equals to preview. </p>
  
  <p>Is this possible in AngularJS? If so: how can I do this?</p>