Angularjs和JQuery在页面之间传递数据

我目前正在尝试使用AngularJs和Jquery mobile开发一个webapp

我在index.html文件中有以下代码

<ul>
<li>
<input type="hidden" value="cat">
<a href="#details">Cat</a>
</li>
<li>
<li>
<input type="hidden" value="dog">
<a href="#details">Dog</a>
</li>
</ul>

我已经有了一个名为#details的内联页面

所以，我需要的是，当用户单击“cat”时，详细信息页面应该打开

<ul ng-repeat="cat in cats"><li>{{cat.name}}</li><ul>

<ul ng-repeat="cat in cats"><li>{{cat.name}}</li><ul>

{{cat.name}

当用户单击“dog”时，详细信息页面应以

<ul ng-repeat="cat in cats"><li>{{cat.name}}</li><ul>

<ul ng-repeat="cat in cats"><li>{{cat.name}}</li><ul>

{{cat.name}

请在这方面帮忙。

---

（对不起，我的英语不好）

在详细页面中，您必须传递单击的动物名称，对吗？与#details/cat1、#details/dog1等类似，可以使用任何其他方式，而不是通过URL参数传递值。当编译到webui应用程序时，它可以工作，但不能在android mobile上工作。您使用哪个框架进行混合开发？我使用Jquery mobile