javascript - angualr父级指令里$http请求数据后子指令获取不到

Question

请问这样为什么获取不到httpdata，是因为异步的关系吗，该怎么解决？

//父级
app.directive('d1',function(){
    return{
        controller:function($scope,$sce,$http){
            var _this = this;
            _this.httpdata = '';
            $http.get('data/data.json')
            .success(function(data,state){
                _this.httpdata = data.elements;
            })
            .error(function(err,state){
                alert(state)
            });
        }
    }
});
//子级
app.directive('d2',function(){
return{
    require:'^d1',
    link:function(scope,elements,attrs,cntIns){

        console.log(cntIns.httpdata)
    }
}

});

Answer 1

你只是return了一个controller，，那你觉得你的controller什么时候会执行？
你没有注入element或者attr
结构不对
要不然你就在 你的代码执行之前延迟执行 加的setTimeOut函数 延迟执行试试

Answer 2

你写俩指令的目的就是为了获取数据并进行数据传递？这个东西到底是你实际项目中碰到还是自己练习写的？写代码最好有意义，你这么写对你的提升没什么好处。
$http一般是用来进行数据交互的，所以尽量不要放进指令里，虽然可以这么做。angular的双向数据绑定既是优点也是缺点，指令在检查代码的时候很容易被忽略，这时候数据的可控性就不好了。所以数据交互的逻辑放一起-service，操作数据的逻辑放一起-controller，这样有利于维护。