AngularJS：范围变量在控制器内未定义

Question

我在这样的指令中创建一个新的作用域

controllersModule.directive('uploadBox', function() {
return {
    restrict: 'E',
    scope: {
        topic: '=topic',
        label: '=label'
    },
    templateUrl: '/assets/directives/uploadBox.html'
};});

并像这样使用此指令（值-label和topic-都是值，它们存储在两个不同控制器中的JSON文件中）

<upload-box label="lc.getTerm('system_upload')" topic="tc.currentTopic.uID"></upload-box> 

因此，属性标签和主题都传递给新的（创建的）范围。 现在，有趣的是，虽然我能够访问模板HTML文件（uploadBox.html）中的两个值

<div ng-controller="DropUploadCtrl">
    <button class="btn btn-success" dropzone="dropzoneConfig">
        <!-- label is correctly shown -->
        {{ label }}
    </button>

    <!-- this link works fine: Evaluates to something like aaa/54dg54...SHA128-Hash...G4FX-->
    <a ng-href="aaa/{{ topic }}">BB</a>
</div>

从DropUploadController内部只能访问标签值。

controllersModule.controller('DropUploadCtrl', ['$scope',function($scope) {
var that = this;

console.log($scope.label); // this is working fine
console.log($scope.topic); // this is undefined

// some more stuff here

}]);

我知道范围是为特定控制器创建的，您不能直接在两个控制器之间共享范围变量。 但是，我认为这不是问题，因为我可以使用标签值。 但是，我分别在哪里错代码中的错误呢？

非常感谢你

编辑：

控制器内rootScope的输出

console.log("$scope::>"); 
console.log($scope.label); 
console.log($scope.topic); 
console.log("$rootScope::>") 
console.log($rootScope.label); 
console.log($rootScope.topic); 

看起来像这样：

"$scope::>" 
"I'm a label" 
undefined 
"$rootScope::>" 
undefined 
undefined 

此外，该值在指令的链接函数中未定义

Edit2：已找到解决方案！ 另一个控制器初始化时，tc.currentTopic.uID中的值未填充。 这就是为什么表达式{{topic}}可以正常工作的原因，因为它的值在几毫秒后又被更改了，因此再次对其求值。 我现在直接通过$ routeParams获取数据。

Answer 1

指令具有孤立的范围。 由于您添加了：

 scope: {
        topic: '=topic',
        label: '=label'
    },

它创建了一个孤立的范围。 但是，角度文档说： =或=attr在本地范围属性和通过attr属性的值定义的名称的父范围属性之间建立双向绑定。 如果未指定attr名称，则假定属性名称与本地名称相同。 给定<widget my-attr="parentModel">和的范围小部件定义： { localModel:'=myAttr' }则小部件范围属性localModel将反映的值parentModel上的父范围。 对parentModel任何更改都将反映在localModel ，对localModel任何更改都将反映在parentModel 。

连结这里

Answer 2

首先，如果您运行console.log(scope.label); 在指令的链接函数中（您现在还没有，必须添加它），它是否具有价值？

其次，您似乎希望指令更​​改父控制器范围内的值。 有时，执行此操作时可能会发生奇怪的事情。 在此答案中 ，建议将这些值包装在控制器中的一个对象中。