自定義指令角不正確的行爲

Question

下面是我用我的自定義控件code.I問題 問題已經創建了兩個自定義控制

<pv-Show-Box></pv-Show-Box> 
<pv-Hello>Praveen</pv-Hello> 
both are working fine but <pv-show-Box> is not working when it is in reverse order 
like 
<pv-Hello>Praveen</pv-Hello> 
<pv-Show-Box></pv-Show-Box> 

mumodule.directive('pvShowBox', function() { 
    return { 
     restrict: 'E', 
     template: '<div><input type="text" ng-model="txtfieldData" ></input> {{ txtfieldData }}</div>', 
     replace: true 
    } 
}); 


mumodule.directive('pvHello', function() { 
    return { 
     restrict: 'E', 
     template: '<span ng-transclude>Hello </span>', 
     replace: true 
    }; 
}); 

任何想法？

Answer 1

。在你的代碼中的小問題你正在使用NG-transclude但你沒有提到的指令transclude屬性，因此只需更改下面指令的定義，這將是雙向的

mumodule.directive('pvHello', function() { 
       return { 
        restrict: 'E', 
        transclude:true, 
        template: '<span ng-transclude>Hello </span>', 
        replace: true 
       }; 
      });