如何在 angularJs 1.5 中将$scope变量作为组件模板 Url 的一部分传递？

Question

我有以下代码：

var myModule = angular.module('myModule', []);
myModule.controller('newController', ['$scope', function($scope) {
$scope.id = '1234';
}])
.component('myModalX', {
templateUrl: `./partials/locationY?id=${$scope.id}`,
controller: 'newController',
controllerAs: 'vm'
});

这行不通。如何确保我可以将$scope.id作为模板 URL 的一部分传递？

Answer 1

更新：我想出了怎么做。 我创建了一个服务，该服务具有一个 setter 方法，该方法接受我需要的范围作为参数，以及一个访问服务中 set 变量的 getter 方法。

这样，我就可以使用服务中的 getter 方法访问范围内的变量。

myModule.controller('newController', ['$scope', 'myScopeAcessingService', function($scope, myScopeAcessingService) {
$scope.id = '1234';
myScopeAcessingService.setValue($scope);
}])
.component('myModalX', {
templateUrl: function(myScopeAcessingService) {
const theIdIneed = myScopeAcessingService.getValue();
return `./partials/locationY?id=${theIdIneed}`
},
controller: 'newController',
controllerAs: 'vm'
});