-
jquerymobile的changePage修改或初始化angular的$scope的数据15
最近用jQuerymobile和angular。
请问：
我用jQuerymobile的changePage方法加载下一页内容，下一页内容是angular生成的。请问有什么办法？？？
我的js全放在第一页上，加载下一页只是把下一页的page的内容加载，但是初始化数据的js是在第一页上，我通过pageinit事件来初始化数据。
angular的声明和Controller方法也在第一页的js里，我想用自己写的js方法来控制angular来加载数据，但是不知道怎么办，不太了解angular的api。
我看其他的例子全是通过angular标签的属性调用Controller方法里注册的方法来操作数据的，有没有自己写的js来控制数据的变化。
问题补充：例子：
var todoApp = angular.module("hdAppMain",[]);
var model = {
title: '12334',
items: [{ action: "Buy Flowers", done: false },
{ action: "Get Shoes", done: false },
{ action: "Collect Tickets", done: true },
{ action: "Call Joe", done: false }]
};
todoApp.controller("HDCtrl", function ($scope) {
$scope.xmztfx=model;
});
先初始化angular，然后在jQuerymobile的pageinit的事件
里自己写的js方法中通过ajax得到数据修改model的值。
然后在手动初始化angular如下：
angular.bootstrap(document, ['hdAppMain']);
这样是可以把修改的值加上的。
有没有更好的方法啊？？？比方说我想在修改数据的方法里得到$scope,在向它设置值或方法？？？
问题补充：angular.element(angularRegion).scope()，我查到这种方式，
但是不要会用啊，自己试了一下不好使！！！！！angularRegion这个是什么啊？？？
问题补充：jquerymobile的第一次changepage可以用angular的angular.bootstrap(document, ['hdAppMain']);
再次changepage的话，
angular.bootstrap(document, ['hdAppMain']); 报错不行。
Error: [ng:btstrpd] App Already Bootstrapped with this Element 'document'2014年9月23日 13:24
1条评论
关注(0)
目前还没有答案
相关推荐
在这个控制器中，我们初始化了$scope对象的`field`属性，并监听表单的提交事件。当表单被提交时，我们使用jQuery选择器找到name为"data"的textarea元素，并将`$scope.field`的值序列化为JSON，然后设置为textarea的...
1. **index.html**：这是你的主网页文件，通常包含页面的结构和jQuery Mobile的初始化代码。在这个例子中，它应该展示了如何使用jQuery Mobile创建一个简单的“Hello World”页面。通常，你需要在HTML头部引入jQuery...
- **初始化设置**：通过数据属性 (`data-`) 或者 JavaScript API 来配置和初始化页面元素。 #### 三、核心概念与组件 - **页面**：每个 HTML 文件代表一个页面，可以使用 `data-role="page"` 属性来定义。 - **...
当我们在控制器外部需要直接访问或修改AngularJS中的数据时，如何获取`$scope`就显得至关重要。传统的Web应用可能直接操作DOM来实现功能，但AngularJS采用的是Model-View-ViewModel（MVVM）架构，不鼓励直接操作DOM...
1. **页面事件**：如 `pageinit`（页面初始化）、`pageshow`（页面显示）和 `pagehide`（页面隐藏），用于在页面生命周期中的不同阶段添加逻辑。 2. **触发动画**：`$.mobile.changePage()` 和 `$.mobile.loadPage...
这个文件中，jQuery Mobile将DOM元素转换为可触摸的交互元素，并提供了一系列API和方法，如`.page()`用于初始化页面，`.changePage()`用于页面间的切换。此外，还有一系列用于事件绑定和组件创建的函数。 对于页面...
jQuery Mobile 自动处理页面初始化，包括样式应用、事件绑定等。当页面首次加载时，所有可见页面都会被初始化。对于动态加载的内容，可以使用 `$.mobile.pageContainer.page("refresh")` 来手动触发初始化。 ### 五...
3. **可定制的主题系统**：jQuery Mobile提供了一套主题引擎，允许开发者通过简单的CSS修改，轻松改变整个应用的外观和风格。 4. **丰富的组件库**：包括按钮、表单、列表视图、工具栏、滑块、开关、对话框等多种...
4. **数据-翻转属性**：利用jQuery Mobile的"data-transition"属性，可以添加平滑的过渡效果，比如"slide"或"fade"，增强用户体验。 5. **自动滚动**：提到的"autoadvance 相册"可能是指相册具有自动滚动功能，这...
API方面，jQuery Mobile 提供了 `$().page()`、`$.mobile.changePage()` 和 `$.mobile.navigate()` 等方法，用于页面操作和导航控制。 总结来说，jQuery Mobile 是一个功能强大的移动开发框架，其`data-`属性、图标...
在提供的文件列表中，`index.html` 应该是项目的主入口文件，包含页面的基本结构和 jQuery Mobile 的初始化。`css` 文件夹可能包含自定义或默认的 jQuery Mobile CSS 样式，用于美化和布局。`js` 文件夹可能包含了...
同时，jQuery Mobile 的数据属性如`data-role="page"`和`data-theme`可以调整页面和元素的外观。 2. **菜单系统构建** 菜单在移动应用中扮演着重要的角色。jQuery Mobile 的`<div data-role="navbar">`元素是创建...
3. **局部刷新**：使用`$.mobile.changePage()`或`$.mobile.loadPage()`更新页面，或者直接操作DOM元素更新UI。 **五、跨域问题** 1. **CORS**：跨源资源共享（CORS）是现代浏览器允许不同源的资源进行交互的方式...
2. **利用数据属性**：为需要初始化的元素添加特定的数据属性，然后在 `pagecreate` 或 `pagebeforeshow` 事件中检查这些属性来防止重复初始化。 3. **使用局部变量**：在全局作用域内设置一个标志变量，首次触发 `...
在初始化时，只需在HTML元素上添加特定的数据属性，如"data-role='datebox'"，即可将普通的输入框转换为日期选择器。 `jquery.mobile.datebox.min.css`是该插件的样式文件，包含预设的样式规则，确保日期选择器在...
jquery mobile界面数据刷新jquery mobile界面数据刷新
- **事件（Events）**：jQuery Mobile 提供了特定的事件，如 `pageinit`（页面初始化）和 `tap`（轻触事件），用于处理用户交互。 ### 2. 页面结构与导航 - **单一页面模板（Single Page Template）**：jQuery ...
jQuery Mobile 是一个轻量级、触控优化的前端框架，专为移动设备设计，它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中，我们将深入探讨如何利用jQuery Mobile创建动态且...
4. **页面结构**：jQuery Mobile 强调页面的模块化和分页设计，使用数据属性（如 `data-role="page"`）来标识页面区域。这种设计使页面加载更快，减少了资源消耗，尤其是在移动网络环境下。 5. **组件库**：jQuery ...
2. **初始化插件**：在HTML元素上添加必要的数据属性，或者在文档加载完成后使用JavaScript调用插件方法。 3. **配置选项**：许多插件支持配置选项，可以通过这些选项来定制插件的行为。 4. **事件监听**：插件...