Угловое некорректное поведение с пользовательскими директивами

Question

Ниже моя проблема Проблема с моим кодом пользовательского элемента управления. Я создал два пользовательских элемента управления

<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
              };
          });