1

コントローラーの同じインスタンス間で共有されるサービスを使用したいのですが、属性ごとにセッターとゲッターを作成したくありません。Angular はこれを容易にするために提供していますか? これは私が回避したいものの例です:

app.service('YtPlayerService', function(){
    this.playerStatus = {
        status  : 'alert',
        text    : 'Loading The Player'
    };
});

app.controller("YtPlayerController", function($scope,YtPlayerService){
    $scope.playerStatus = function(){
        return YtPlayerService.playerStatus;
    }

    $scope.setPlayerStatus = function(playerStatus){
        YtPlayerService.playerStatus = playerStatus;        
    };
}
4

1 に答える 1

4

それらをプログラムで生成して、より耐えられるようにすることができます。

function generateAccessors( obj, propertyNames ) {
    for( var i = 0, len = propertyNames.length; i < len; ++i ) {
        var propertyName = propertyNames[i],
            camelCased = propertyName.charAt(0).toUpperCase() + propertyName.substr(1);
        obj[ "get" + camelCased ] = (function(propertyName){
            return function() {
                return obj[propertyName];
            };

        })(propertyName);
        obj[ "set" + camelCased ] = (function(propertyName){
            return function( value ) {
                obj[propertyName] = value ;
            };
        })(propertyName);
    }
}

この場合の使用法は次のとおりです。

app.service('YtPlayerService', function(){
    this.playerStatus = {
        status  : 'alert',
        text    : 'Loading The Player'
    };
    generateAccessors( this, ["playerStatus"] );
});

もう一つの例

var obj = {};
generateAccessors( obj, ["playerStatus", "name"]);
obj.setName(3);
obj.getName(); //3
于 2013-07-23T06:52:35.680 に答える