资讯专栏INFORMATION COLUMN

angularjs新手教程 factory利用callback传递参数的用法

waltr / 2453人阅读

摘要:在中是与分开的另外一个概念这时候更像是例如定义一些请求的这里传入一个参数用来获取参数发起一个简单地请求把请求到得资源传递给同样传递一个进去然后绑定到我也是初学者希望这个例子应该比官网的容易理解吧希望有研究的同学能写点关于的博客

在angularjs中 service/factory是与controller分开的另外一个概念
这时候 service/factory更像是model

例如

javascriptvar app = angular.module("demo.controllers", []);
//定义一些请求的url
app.factory("Path" , function(){
    return {
        main_request_url: "http://0.0.0.0:3001/apis/v1_1/"
    }
});

app.factory("MediaResource" , ["$http" , "Path" , function($http , Path){

    return {
        //这里传入一个callback参数 用来获取参数
        all_of_media: function(call_back_param){
            //发起一个简单地请求
            $http({
                url: Path.main_request_url+"/media.json" , 
                method: "get", 
                headers: {
                    "Content-Type": undefined
                }
            }).then(function(data){
                //把请求到得资源传递给callback
                call_back_param(data);
            });
        }
    }

}]);

app.controller("MainCtrl" , function($scope , MediaResource){

    //同样传递一个callback进去
    MediaResource.all_of_media(function(params){
        //然后绑定到$scope 
        $scope.results = params.data;

    });

});

我也是初学者 希望这个例子应该比官网的容易理解吧

希望有研究cordova + angularjs的同学能写点关于cordova的博客

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91444.html

相关文章

  • 第一个AngularJS应用

    摘要:从最重要的页面开始吧锦标赛的表格。重启你的应用,看看搜索框。然后我们加入两个路由一个转向锦标赛表格,另一个转向车手详情。你所需要做的只是创建一个名为的文件,然后将锦标赛表格放在那里。结论我们已经介绍了开发一个简单应用所需的一切。 AngularJS是Google开源出来的一款 Javascript MVC 框架。利用AngularJS,你可以构建结构清晰、便于测试和维护的前端应用。 ...

    shadajin 评论0 收藏0
  • AngularJSfactory,service与provider区别

    摘要:首先创建我们的构造函数这是一个典型的构造函数。所以,我们首先知道的就是无论我们是否能够在代码里面看见,构造函数是会返回一个对象的。 翻译自 http://tylermcginnis.com/angularjs-factory-vs-service-vs-provider/ 当你开始使用Angular的时候,你会发现,你总是会让你的控制器和作用域充满各种不必要的逻辑。你应该早点意识到一个...

    lanffy 评论0 收藏0
  • 使用 Flask 和 AngularJS 构建博客 - 2

    摘要:我们将使用方法创建一个。我们传递一个布尔类型,这个就是我们早先讨论的的参数。再使用和构建博客教程系列的第三部分见。所有的源码都在上,但是应用程序的源码还没有放上去,因为我们还没有完成它,等到第三部分写完以后再放全部的源码到上。 注:该文作者是 John Kevin M. Basco,原文地址是 Building a blog using Flask and AngularJS P...

    awokezhou 评论0 收藏0
  • AngularJs功能(七)--服务

    摘要:通过工厂模式创建自定义服务同样可以注入依赖,但不能注入作用域对象。名字必须符合规范你的服务名字龙傲天使用方法关联对应的和使用和方法创建服务,常用于返回一个常量。 服务 Service 服务这个概念其实并不陌生,比如在Java语言中便有这样的概念,其作用就是对外提供某个特定的功能,如消息服务,菜单服务等,是一个独立的模块。 angular的服务是这样定义的:Angular service...

    妤锋シ 评论0 收藏0
  • Mean Stack新手导航?

    摘要:而成熟的框架如又不太适合新手。中每一个模块所包含的知识都非常庞大,这只是一个非常简单的新手教程,我们体验了一把,串联前端后端,设计简单的,链接数据库,操作数据,显示模板。希望这个教程对你进击有帮助部分学习资料 我是如何用MEAN栈来搭建一个简单的App的 最近在学习MEAN栈开发,但google来的教程又太分散,有讲express的, restful接口的,angular-resou...

    omgdog 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<