Ionic:导航到另一个视图时保留 $scope

2024-01-09

我正在使用 Ionic Framework (Angular+Cordova) 开发一个应用程序。

该应用程序有一个新闻部分,其中包含从 JSON 格式的服务器加载的新闻列表,然后我点击一个新的以打开单个新闻的视图,但是当返回到新闻列表时, $scope 已被清除,必须再次获取来自服务器的新闻列表。

这是通常的行为还是我做错了什么?

我怎样才能防止这种行为?

Thanks!


您应该将此类数据保存在单独的服务中,如下所示:

app.service('NewsService', ['$http', function($http){
    var newsPromise;

    this.getNews = function(){
        if(!newsPromise){
            newsPromise = $http.get('news.json');
        }
        return newsPromise;
    };
}]);

app.controller('NewsController', ['$scope','NewsService', function($scope, NewsService){
    NewsService.getNews().then(function(data){
        $scope.news = data.data;
    })
}]);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ionic:导航到另一个视图时保留 $scope 的相关文章

  • 地址更改时如何停止 Angular 重新加载

    我正在使用 Angular 的scrollTo and anchorScroll像这样 app controller TestCtrl function scope location anchorScroll scope scrollTo
  • 监听指令中的表单提交事件

    我想监听指令中提交的表单 假设我有这样的指令 app directive myDirective function return restrict A require form scope smth link function scope
  • AngularJS 使用 PUT 上传图像,可能,如何?

    我正在尝试使用 AngularJS 通过 PUT 或 Post 请求上传图像 这可能吗 如果可以的话 下面如何不更改标头 仍然是 json 并且没有有效负载 这是我尝试过的 在我的控制器中 scope uploadFile function
  • Angular 完成渲染后运行 jQuery

    我正在尝试使用 angularjs 中的 json 对象填充个人资料页面 我正在为此使用指令 我有一个配置文件指令 其中包含配置文件部分指令作为子项 配置文件部分具有作为子级的配置文件子部分指令 我需要在 Angular 开始编译之前和 A
  • 使用 name 属性的动态指令控制器

    我正在尝试使用动态控制器实现指令 以便我可以根据某些条件绑定控制器 就像托德 莫托 Todd Motto 所展示的那样here https toddmotto com dynamic controllers in directives wi
  • 调整离子卡中的图像大小

    我想显示一组图像 并在下面说明 我选择使用 Ionic 卡 我得到这个结果 第一张图片 虽然我想保留现在的相同布局 并添加描述 这是我的代码
  • 使用 eclipse IDE 配置 angularjs

    我想开始使用 AngularJs 和 Java Spring 进行开发 我使用 Eclipse 作为 IDE 我想配置我的 Eclipse 以使这些框架无缝工作 我知道我可能要求太多 但相信我 我已经做了很多研究 你们是我最后的选择 任何帮
  • 在 AngularJS 中使用单个输入过滤多个字段

    我有一个 JSON 对象 如下所示 id 1 firstName Jennifer middleName null lastName Aniston address New York City id 2 firstName Angelina
  • 让 prerender.io 与 Facebook 爬虫(maven、GAE)一起使用?

    我有一个 angularjs 应用程序 我想在 Facebook 上分享页面 这是通过元标签处理的 https developers facebook com docs sharing best practices https develo
  • WebStorm 修改 URL

    我们使用两个 IDE 来开发 Angular js 应用程序 Brackets v1 7 WebStorm v2016 2 通过 Brackets IDE 打开应用程序时 URL 将按预期显示 http 127 0 0 1 55738 in
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • 当rest api应用程序服务器(express)和Angulars js应用程序在不同端口上运行时出现Cors问题

    我有用node js编写的rest api应用程序 express在端口3000上运行 而angularjs应用程序在同一服务器上的端口9001上运行 从 angularjs 应用程序调用 rst api 时 出现了 cors 问题 在re
  • UI Router 将 url 与 hash(片段)相匹配

    使用 UI 路由器 我需要将 URL 与其中包含的哈希 片段 进行匹配 HTML5 模式 state myState url path id page section templateUrl template html controller
  • ng-submit 和 ng-click 在 ionic iPhone 应用程序中多次触发

    我正在尝试离子框架 它看起来非常好 但是 我在提交表单时遇到问题 表单触发两次 首先是按下提交按钮时 然后是点击屏幕上的任意位置 这种情况在 xcode 模拟器和我的 iphone 4gs 上都会发生 这就是我所做的 我使用以下命令安装侧菜
  • Angular $http.get:如何捕获所有错误?

    我发送一个表单到nodejs进行身份验证 使用 http get在以下函数中并添加promise gt then 在生产中 这是否可以处理我可能从服务器收到的所有错误 我还需要向此功能添加其他内容吗 MyApp controller Log
  • 将 Angular CLI 与 Squarespace 集成

    我很想知道是否有人能够在 Squarespace 站点中成功使用 Angular CLI 我一直在寻找这个问题的答案 但找不到解决方案 我知道您可以将自定义脚本添加到 Squarespace 站点和 或通过 CDN 添加脚本 但 Angul
  • angularjs 是否将 null 视为 $scope.null ?

    问题的示例 div hello div 这是在以下范围内评估的吗 scope bar null 或者是这样的 scope bar scope null 请注意 在最后一种情况下 scope null 将是未定义的 并且该示例似乎可以正常工作
  • AngularJS:无论 ng-if 条件如何,指令模板都会加载

    我使用指令将代码分成模板 并且我希望这些模板根据 if 条件加载 现在 当我查看网络流量时 Angular 会将所有模板发送到客户端 无论是否ng if条件满足 div class container ul ul div
  • CORS 问题。 Flask <-> AngularJS

    使用 angularjs 客户端应用程序和提供 api 的 Flask 应用程序启动一个新项目 我使用 mongodb 作为数据库 我必须立即排除 jsonp 因为我需要能够跨不同端口进行 POST 因此 我们为 Angular 应用程序设
  • 在经典 ASP 中的应用程序范围内使用字典对象

    跟进自我的最后一个问题 https stackoverflow com questions 909808 how can i make a variable static or global in classic asp有谁知道如何在经典

随机推荐