Angular.js 与 jQuery Mobile

2023-12-19

我正在使用 jQuery Mobile 和 Angular.js 制作一个应用程序。因为我们在使用这两个库时遇到一些问题,存在一个adapter https://github.com/tigbro/jquery-mobile-angular-adapter做“工作”。

所以我尝试使用routeProvider 来路由我的页面。但我仍然无法使用它渲染页面。

如果你能帮我指路的话,请告诉我。

http://plnkr.co/edit/DNGiT83csWMmfYnHXOop http://plnkr.co/edit/DNGiT83csWMmfYnHXOop

提前致谢!


我遇到了类似的问题,也许我学到的东西可以帮助你。这归结为 Angular 和 jquery 从一个页面/部分到另一个页面/部分(路由)的方式差异。

首先,基础知识:通过将一块 html 插入视图中来进行角度路由,然后在任何单击/操作等上,从视图中删除该 html 并添加新的 html 块。本质上,你们一直在同一页面上;只是包含的 html 发生了变化。相反,可以将 jqm 视为将所有 html 加载到同一页面中,并将这些 html 块作为 div。它不是删除 html 块并替换它们(通过路由),而是只是关闭和打开 div。 (有多页 jqm 应用程序,但 SPA 确实突出了差异。)

我的建议是选择您真正想要的功能集:Angular 的简约加载(仅在您需要时),或 jqm 的华丽过渡和其他内置功能。如果您有一个大型应用程序,每个页面上都有大量数据,您可能希望绕过 jqm 并单独使用 Angular,并看看可以使用 Angular 的新动画函数做什么。这意味着您需要构建(通过 CSS 或 javascript)jqm 功能的副本 - 从我所见,您可以接近,但它不会像 jqm 那样令人愉快地简化。

如果 jqm 内置功能是您真正想要的,那么请跳过使用 Angular 的路由。无论如何,它只会带来各种并发症。使用 jqm 的模式设置页面,并仅在处理数据时使用 Angular。

我发现最有效的方法是将其视为一个 jqm 应用程序,并且仅将 Angular 添加到您需要的部分。毕竟,您不必在 html 行添加 ng-app;您可以根据需要将其添加到单个 div 中。由于 jqm 最适合作为系统范围内的事物,而 Angular 则可以限制在系统内的各个部分,因此到目前为止,我发现 jqm-whole 和 Angular-parts 是充分利用两者的最简单方法世界。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular.js 与 jQuery Mobile 的相关文章

  • 使用 Angularjs,$http 在 Microsoft Edge 中发布返回响应错误

    好吧 当我开发一个管理页面进行测试时 Microsoft Edge 中出现了一个奇怪的问题 这是从loginCtrl js服务器获取响应的部分源代码 http method POST url Define apiUrl admin logi
  • 平静的 POST 响应的“最佳”实践

    所以这里没有什么新内容 我只是想得到一些澄清 似乎在其他帖子中找不到任何澄清 我正在平静地创建一个新资源 说 books POST 与身体 title The Lion the Witch and the Wardrobe author C
  • Angularjs:当输入的字符串未找到匹配项时,在预输入中不显示搜索结果

    我正在使用 Angular UI bootstrap typeahead 我有 HTML
  • 角度剑道下拉

    我正在对许多组件使用 Angular kendo ui 但遇到了一个我似乎无法解决的问题 我有以下角度选择 它工作正常并将所选值正确绑定到 ng model
  • 将对象拖到可排序列表中 - AngularJS

    Problem 我正在尝试从 jQuery 重新创建 Draggable Sortable 功能 但无法将删除的元素放入我的对象数组中 我想拖一个 draggable 按钮进入 sortable 列表 我希望按钮代表一个具有属性的对象 可以
  • 如何使用 ui-router 获取带有参数的先前状态

    问题陈述 我有一个 添加评论 按钮 只有当我登录系统时我才应该能够添加评论 但问题是我登录后无法返回 添加评论 页面 因为我不知道之前的状态或无法获取之前的状态 有没有更清洁的解决方案 我应该将登录页面设置为模态页面而不是新页面吗 我已经看
  • 项目组织和命名约定

    这在某种程度上是后续每个模块组件重复模块名称 https stackoverflow com questions 25005897 repeating module name for each module component问题 我们决定
  • WebAPI 和 Angular JS Excel 文件下载 - 文件损坏

    我正在 WebAPI 中生成 Excel 文件 我将其 存储 在内存流中 然后放入响应 如下所示 var result new HttpResponseMessage HttpStatusCode OK Content new Stream
  • 从子 ng-repeat 访问父 ng-repeat 的索引

    我想使用父列表 foos 的索引作为子列表 foos bars 中函数调用的参数 我发现有人建议使用 parent index 的帖子 但是 index不是以下的财产 parent 如何访问父级的索引ng repeat div div di
  • 如何将函数处理程序从控制器传递到 AngularJs 中的指令隔离范围?

    我在控制器中有以下功能 angular module app controller BodyController function this click function message alert message 我想将此函数传递到指令的
  • ng-repeat 仅具有特定属性值的对象 - 自定义过滤器?

    假设我有一个 JSON 对象 用户 其中包含一些基本属性 例如 名称 地址 角色 等 我希望 ng repeat 只吐出属性 角色 等于 管理员 的对象 我该怎么做呢 我正在考虑类似自定义过滤器的东西 或者可能创建一个范围变量 将匹配的对象
  • 如何访问 Angularjs 模板中的常量

    如何将公共js文件中定义的常量访问到不同模块的模板中 如果我在 MainModule js 中定义了一个这样的常量 该常量包含在主 html 文件的开头 gt var myApp angular module AC gt myApp con
  • 将 ngModel 绑定到自定义指令

    所以我已经在这个问题上工作了一个星期了 但我似乎无法理解整个指令的事情 我读了很多帖子 揭秘指令 http www toptal com angular js angular js demystifying directives 指令 ht
  • AngularJS:理解 $rootScope.$on('$routeChangeSuccess

    我正在开发登录页面 成功后 它会重定向到主页 默认情况下 我显示登录页面以下代码 app run function rootScope location rootScope on routeChangeSuccess function lo
  • ngRepeat 中的指令时的绑定问题

    这就是它的样子 这是Plunker http plnkr co edit IPwDLT p preview parent scope ng repeat directive 在指令中 有一个属性与父作用域中的变量进行双向绑定 但这并没有像我
  • AngularJS 中“href”和“ng-href”的区别

    我都用过href and ng href我看不出它们之间的区别 为什么 Angular 有ng href属性 什么时候应该使用它 从文档中 https docs angularjs org api ng directive ngHref 使
  • Angular UI 路由器嵌套视图问题

    我在理解 Angular UI Router 嵌套视图的工作原理时遇到了一些问题 我的 stateProvider 看起来像这样 stateProvider state login url login views main template
  • 检查用户设备的 GPS 是否开启

    我正在使用 jQuery Mobile 和 PHP 开发一个应用程序 我没有使用 Phonegap 或其他框架 我需要找到用户的geolocation 如果用户设备的 GPS 关闭 那么我无法获取位置 现在我需要查找用户设备的 GPS 是否
  • iphone jquery 移动闪烁问题

    我在 iPhone 上使用使用 jQuery mobile 开发的应用程序时遇到闪烁问题 我尝试了互联网上提供的几种解决方案 包括 CSS 更改 将过渡设置为 无 甚至在 jquerymobile js 中注释代码 但没有运气 我使用的 J
  • AngularJs ng-if 比较日期

    我正在比较 ng 中的两个日期 如果这就是我的玉文件的样子 li list group item ng if app Segments 0 StartDate getTime gt date getTime div row div col

随机推荐

  • Rails 2.3.9 和 SendGrid,连接被拒绝 - 本地主机上的 connect(2)

    我浏览了 Google 和 StackOverflow 但无法弄清楚这一点 我有一个使用 Ruby 1 8 7 的 Rails 2 3 9 应用程序 尝试通过 SMTP 发送电子邮件 如下所示 ActionMailer Base deliv
  • 为什么TabBar在segue之后隐藏?

    我有下一个结构 TabBarController ViewController with TableView ViewController 当我选择 TableView 上的任何行时 segue 会将我转发到 ViewController
  • Outlook 自动转发将回复设置为原始发件人而不是转发者

    我有 VBA 代码将电子邮件转发到特定帐户 它可以工作 除非转发的电子邮件具有转发者的电子邮件地址 邮件转发后如何保留原来的发件人邮箱地址作为回复 Sub AutoForwardAllSentItems Item As Outlook Ma
  • 如何在搜索结果中添加分页

    我的 search php 页面如下所示 get header gt div class search result page section class content area section div
  • 开源线程池库

    我一直在寻找开源线程池库 我可以用它来安排作业 一旦完成单个作业 我希望在线程中收到一些通知 以便我可以完成其余的任务 你们知道有任何开源库正在做类似的工作吗 我可能会在多个差异服务器中使用这个库 我的任务的基本概述是我有项目列表 每个项目
  • 从 Golang image.Image 检索像素数据时,img.At() 或 rgba.Pix() 更快/更好吗?

    阅读来自的答案从 golang image Image 获取像素数组 https stackoverflow com questions 33186783 get a pixel array from from golang image i
  • 在浏览器中打开时,S3 对象 url 不安全(ssl)

    我正在构建一个小型 REST API 服务来存储和检索照片 为此 我使用 S3 如下所示 public String upload InputStream uploadedInputStream Map
  • localtime_r 在程序退出前消耗一些内存

    我使用 valgrind 的 Massif 来跟踪程序退出前最后阶段的内存使用情况 并发现 js DateTimeInfo updateTimeZoneAdjustment DateTime cpp 19 它正在调用 localtime r
  • 逆向工程 HTTP 请求

    我正在尝试解码 Android instagram 应用程序发送到 graph instagram com 的帖子数据 这个问题与这里发现的问题类似 反向工程 HTTP 请求 https stackoverflow com question
  • Any() 的多重枚举和使用

    当我需要执行以下操作时 我试图找出 LINQ 的正确约定是什么 如果有项目 则逐行打印它们 如果没有项目 则打印 No items 我想这样做的方式就像 if items Any foreach string item in items C
  • 除了一个函数之外加载一个包

    我想加载除了一个函数之外的整个包 我看到了诸如以下的解决方法如何从包中仅加载特定函数 https stackoverflow com questions 13146849 how to load only specific function
  • 使用 NHibernate 跨多个数据库填充对象

    我有一个带有多个数据库的 SQL Server Database1 有一个表 其中引用了存储在 Database2 上的表中的 ID 不确定是否可能 但是我可以配置 NHibernate 特别是 Fluent NHibernate 来使从多
  • PostgreSQL array_agg 顺序

    表 动物 animal name animal type Tom Cat Jerry Mouse Kermit Frog Query SELECT array to string array agg animal name animal n
  • 为什么 constexpr 函数对于引用的行为有所不同?

    灵感来自在编译时计算函数参数 https stackoverflow com questions 58468574 counting function arguments at compile time noredirect 1 comme
  • 多个docker compose容器-单个ip

    我有这个应用程序 如何将单个 IP 地址分配给 Web 服务并使用其中的数据库 version 2 services web image kartoffeltoby typo3 latest hostname localhost conta
  • 如何使用Javascript基于按钮单击事件运行.exe文件或.bat文件

    在我当前的项目中 我想使用 JavaScript 使用按钮单击事件来运行 bat 或 exe 文件 批处理文件内容如下图 start S TemperatureSensor exe 单击TemperatureSensor 按钮时启动Temp
  • 使用“sed”查找重复模式

    我正在使用 GNU bash 4 3 48 我期望 echo 23S62M1I19M2D sed s 0 9 M 1 g 会输出62M19M 但事实并非如此 sed s 0 9 M g 删除全部 0 9 M并检索23S1I2D 但团体 1没
  • 支持 DirectX 11 库的编译器

    除 Visual Studio 2010 和 2008 之外 还有哪些编译器支持 DirectX SDK Jun 2010 我是一名初学者 我想使用 DirectX 11 进行编程 但我的互联网非常有限 只能下载很少的文件 300 MB 了
  • 使用 Visual Studio 2015 禁用注释自动缩进

    当我在安装了 Resharper 9 0 0 0 的 Visual Studio 2015 中保存 C 文件时 我查看并搜索了禁用注释缩进的方法 在开始编写实际代码之前 我想先进行伪代码 然而 我一直在调整 Visual studio 和
  • Angular.js 与 jQuery Mobile

    我正在使用 jQuery Mobile 和 Angular js 制作一个应用程序 因为我们在使用这两个库时遇到一些问题 存在一个adapter https github com tigbro jquery mobile angular a