angularjs-指令-双向绑定，从指令中的集合获取键

Question

我试图建立一个指令选择器对话框，输入是json数据的集合。 然后，我尝试在模板中使用表，其中收藏键位于thead中。 问题是，收集数据显示正常（当前在模板中仅显示'name'属性），我无法获取键，因为$ scope.collection返回未定义。 使用Lo-Dash获取密钥。

我有一条指令：

.directive('pb5pickerDialog', function(){
    return {
        restrict: 'EA',
        scope:{
            collection : '=',
            onsubmit : '&'
        },
        templateUrl: "/pb5/c/js/views/pb5pickerDialog.html",
        link : function(scope, element, attrs) {
          scope.onclose = function(){
             $("#pb5pickerDialog").modal('toggle');
          };
          console.log(scope.collection); //this undefined
        },
        controller: function($scope, $element){
           console.log($scope.collection); //this undefined
           console.log(_.keys($scope.collection));
        }
    }
 }); 

Answer 1

这很可能是因为在调用链接函数之后设置了$scope.collection 。 您可能应该对其进行监视，并在获得初始值时采取措施。 就像是：

controller: function($scope, $element){
  $scope.$watch('collection', function(collection, oldValue) {
    if (collection) {
      // collection is now set
    }
  });
}