title: Dynamically constructed ui-sref attribute in ui-router
body: <p>I am new to angular and especially ui-router.</p>
  
  <p>Here is a link:</p>
  
  <pre><code>&lt;a ui-sref="/topic/{{topic.id}}"&gt;SomeText&lt;/a&gt;
  </code></pre>
  
  <p>The link is dynamically populated. </p>
  
  <p>So when I try to access that state from my config like this:</p>
  
  <pre><code> .state('topics/:topicId',{
          url:"",
          templateUrl: "",
          controller: ""
      })
  </code></pre>
  
  <p>I get this error message:</p>
  
  <blockquote>
    <p>Error: Could not resolve '/topics/myTopic' from state 'topics'</p>
  </blockquote>
  
  <p>In the above: <code>myTopic</code> is a variable name.</p>