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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/angularjs/144115.html

猜你在找的Angularjs相关文章