Question

成为离子和angularJs的新手，请帮助解决以下问题，我尝试从第1页开始在ng-click事件中加载第2页。我将一个参数传递给与ng-click函数关联的函数，它根据参数填充数据，并在第二页上使用ng-repeate来使用该数据来渲染html

Plz参考codePen示例，链接如下：

http://codepen.io/lgframe/pen/dPGvWv/

它是一个两页的TO-DO应用程序，其中第一页显示itemList，单击时，它应显示第二页上的按钮。

第一页：

显示两个项目的列表（$ scope.dataArray），其中有ng-click =“listitemClick（$ index）

- ＆GT; Mr-AA（$ index = 0） - ＆GT; Mr-BB（$ index = 1）

函数listitemClick（$ index）如下：根据索引，它从$ scope.jsonData [index]

中读取数据

$scope.listitemClick = function(index) { 
   $scope.listItemIndex = index; 
   var listObj = $scope.jsonData[index]; 
   dayIndex = $scope.dayIndex; 
   $scope.btnNames = listObj[dayIndex];

};

第2页：

显示page1的listItems的按钮。
单击page1的listItem时，它将$ index（0,1 etc）传递给函数listItemClick（）此函数从$ scope.jsonData [index]读取数据并填充$ scope.btnNames 在$ scope.btnNames上使用ng-repate呈现按钮。使用此值，第二页应显示相关数据，但不显示任何按钮。看起来页面没有获得$ scope.btnNames的最新值。 PLAEASE帮助我重新加载页面

在第2页的标题上，我有两个与功能相关联的导航按钮a）$ scope.dayMinus（）和b）$ scope.dayPlus，在这些函数中，我只是增加或减少$ scope.dayIndex。所以，使用＆lt;＆lt;或＆gt;＆gt;导航按钮，我喜欢看周一，周二，周三的按钮因此，当单击导航按钮时，更新第二页按钮

我使用带.config的路由器，第1页有第2页的ui-srf

在我的本地计算机上，我无法在第2页（page2.html）上看到该按钮，因为page1.html可能位于listItemClick（）函数之前的DOM（我猜）中。我在网上搜索，强制查看重新加载页面等，但到目前为止没有运气。

在codePen示例中，我把所有必需的代码放在哪里，请把它弄错并帮我重新加载第2页

离子框架 - 强制视图使用来自控制器的最新数据加载页面

0 个答案: