0

縮小化の問題を回避するために依存関係をコントローラーに持ち込むときに特別な配列構文を使用する必要があることは、Angular でよく知られている問題であるため、私はその表記法を使用しています。しかし、インジェクターは、gulp-uglify を介して送信した後にのみ表示されるこのコードに関する問題をまだ抱えているようです。

ディレクティブのような他の角度要素もこの構文を使用する必要がありますか? また、オブジェクト表記を使用してコントローラーの 1 つを定義しているので、それが問題になる可能性がありますか?

いくつかの主要な構成要素。

var app = angular.module('musicApp', ['ngSanitize']);

//Whitelist Soundcloud
app.config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        'https://w.soundcloud.com/**'
    ]); 
});

ディレクティブ、コントローラーを含むもの。

app.directive('soundcloudHtml', ['$sce', function($sce){
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            scope.musicPiece.soundcloud = $sce.trustAsHtml(scope.musicPiece.soundcloud);
        }
    }
}]);

app.directive('music', function(){
    return {
        restrict: 'E',
        scope:{
            type: '='
        },
        templateUrl: '/resources/data/music/music.html?po=343we', 
        link: function(scope, element, attrs) {
        },
        controller: ['$http', '$scope', function($http, $scope){
                        this.musicList = [];
                        $scope.Utils = Utils;
                        var ctrl = this;

                        $http.get('/resources/data/music/music.json').success(function(data){
                            ctrl.musicList = data;
                            Utils.updateTableOfContents();
                        });
                    }], 
        controllerAs: 'musicCtrl'
    };
});
4

1 に答える 1

1

縮小するには、構成にもそのパターンが必要であることを見逃したようです。構成は

//Whitelist Soundcloud
app.config(['$sceDelegateProvider', function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        'https://w.soundcloud.com/**'
    ]); 
}]);

そしてそうではない

//Whitelist Soundcloud
app.config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        'https://w.soundcloud.com/**'
    ]); 
});
于 2014-09-16T20:14:35.687 に答える