Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS指令-关于转置内容的指令_Javascript_Angularjs_Scope_Directive - Fatal编程技术网

Javascript AngularJS指令-关于转置内容的指令

Javascript AngularJS指令-关于转置内容的指令,javascript,angularjs,scope,directive,Javascript,Angularjs,Scope,Directive,请看上面的图片。有没有办法将模板dom中的指令绑定到父指令的作用域?我在ng transclude中也看到过这种行为,上面的内容非常简单。我已经读到,转置内容位于指令作用域的同级作用域中,但$$nextSibling似乎也不是诀窍。使用指令: app.directive('accordion', function($compile) { return { restrict: 'C', scope: { }, link: function(s

请看上面的图片。有没有办法将模板dom中的指令绑定到父指令的作用域?我在ng transclude中也看到过这种行为,上面的内容非常简单。我已经读到,转置内容位于指令作用域的同级作用域中,但$$nextSibling似乎也不是诀窍。

使用指令:

app.directive('accordion', function($compile) {
  return {
      restrict: 'C',
      scope: { 

      },
      link: function(scope, elem, attrs){
        scope.showSection = false;
        elem.find('p').attr('ng-show', 'false');
        $compile(elem.find('p'))(scope)
        elem.find('h1, h2').bind('click', function () {
          scope.$apply(function(){
            scope.showSection = !scope.showSection; 
            elem.find('p').attr('ng-show', 'showSection');
            $compile(elem.find('p'))(scope);
          });
        });
      }
  };
});