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

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

1 个答案: