微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

AngularJS – 将工厂注入指令的链接功能

我有一个简单的代码
define(['app'],function(app)
{
    app.factory('factoryProvider',function(){
        return {
            name: 'my Name'
        }
    });

    app.directive('myDiv',['factoryProvider',function(factoryProvider) {
        return {
            restrict: 'E',replace: true,templateUrl: 'link/to/template.html',controller: function($scope) {
            },link: function(scope,routeParams,location) {
                console.log(factoryProvider.name);
            }
        };   
    }])
});

我想要能够在链接功能中访问myFactory,但是我不能!我也尝试过link:function(scope,routeParams,location,factoryProvider),也没有工作。为什么?

它应该已经在链接功能内部可用了
app.factory('factoryProvider',function(){
    return {
        name: 'my Name'
    }
});

app.directive('myDiv',function(factoryProvider) {
    return {
        restrict: 'E',template: '<p>{{name}}</p>',controller: function($scope) {
        },link: function(scope) {
            scope.name=factoryProvider.name;
        }
    };
}]);

原文地址:https://www.jb51.cc/angularjs/144115.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐