在将依赖项引入控制器以避免缩小问题时,需要使用特殊的数组语法是 Angular 中的一个众所周知的问题,所以我一直在使用这种表示法。但似乎注入器仍然存在此代码的问题,这些问题仅在通过 gulp-uglify 发送后才会出现。
指令等其他角度元素是否也需要使用这种语法?另外,我正在使用对象表示法来定义其中一个控制器,这可能是问题所在吗?
一些主要的配置内容。
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'
};
});