angularjs - 使用自定义指令的角度不正确行为

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