Javascript 无法通过angularJS将数组中的数据加载到jquery mobile对话框页面_Javascript_Angularjs_Jquery Mobile_Jquery Mobile Listview

Javascript 无法通过angularJS将数组中的数据加载到jquery mobile对话框页面

javascript angularjs jquery-mobile

Javascript 无法通过angularJS将数组中的数据加载到jquery mobile对话框页面,javascript,angularjs,jquery-mobile,jquery-mobile-listview,Javascript,Angularjs,Jquery Mobile,Jquery Mobile Listview,我正在练习angularJS和jquery mobile。我正在将一个本地存储的json文件加载到我的应用程序中，并在列表视图中显示一些基本信息。一旦用户单击JQM listview中的某个内容，我想在对话框页面\框中显示更详细的信息。现在，我可以在listview中显示基本信息，但是对于下一步，我还不太清楚。请告知。我认为我拥有的一个控制器可以管理两个页面，但这显然是错误的 JS代码： var myCuponApp = angular.module("cupon", []); myCupo

我正在练习angularJS和jquery mobile。我正在将一个本地存储的json文件加载到我的应用程序中，并在列表视图中显示一些基本信息。一旦用户单击JQM listview中的某个内容，我想在对话框页面\框中显示更详细的信息。现在，我可以在listview中显示基本信息，但是对于下一步，我还不太清楚。请告知。我认为我拥有的一个控制器可以管理两个页面，但这显然是错误的

JS代码：

var myCuponApp = angular.module("cupon", []);

myCuponApp.controller("controller", function ($scope) {
        $scope.itemSet = [{"id": 1, "cuponName": "Nikola Tesla", "age": "45"}];
});

html代码：

<head ng-app="cupon">
    <div data-role="page" id="scientists" ng-controller="controller">
        <div data-role="header"><h3>great scientists</h3></div>

        <div data-role="content">
                <div>
                    <ul data-role="listview" data-inset="true" data-filter="true">
                        <li ng-repeat="item in itemSet" data-role="button"><a href="#sc" data-rel="dialog">{{item.cuponName}}</a></li>
                     </ul>
                 </div>
         </div>
     </div>

    <div data-role="page" id="sc" ng-controller="controller">
        <div>{{item.cuponName}}</div>
    </div>
</head>

你已经声明了两次ng应用程序…你只需要在元素上声明一次。谢谢，修复了这个问题。你能解释一下其他问题吗？