The sref in ui-router does not support dynamic binding.

Angular-Ui is a very important tool for angular developers, where ui-router is a top priority. However, we found that the sref does not support dynamic binding. Specifically: & lt; aui-sref & quot; homePage & quot; & gt; Home & lt; a & gt; this is a very simple ui-sref Angular-Ui is a very important tool for angular developers, where ui-router is a top priority. However, we found that the sref does not support dynamic binding. Specifically, Home is a very simple ui-sref. When javascript re-generates a webpage, it searches for the state named "homePage" in $ state, read the url of the state and generate href = "url" in tag ". However, if you are creating a navigation controller, there is an array of navigation items: $ scope. items = [{name: "Home", statePage: "homePage"}, {name: "About Me", statePage: "aboutMePage"}] And then use repeat in html:

<{Item. name }}

The fact is that sref does not support dynamic binding and such code reports an error. In sref, you can only use the state name and add at most some parameters. Someone has submitted this question on github. In this case, you can only discard the sref and bind it with the href. You can use $ state. href to read the state url.