javascript - 如何在 angularJs 1.5 中将 $scope 变量作为组件的 templateUrl 的一部分传递？

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作为 templateUrl 的一部分传递？

标签： javascriptangularjsroutesangularjs-scope

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'
});