角度指令元素问题

时间:2014-08-03 06:10:30

标签: angularjs directive

我在某些html中有一个非常简单的指令,如:

Date Picker<br/>
<div date-picker-extender></div><p></p>
Hello, David!!!

该指令本身是一个快速示例,所以看起来像这样:

app.directive('datePickerExtender', function () {
  return {
     restrict: 'A',
     replace: true,
     template: '<input size="12" type="text" ng-click="showDatePicker()" />',
     controller: function ($scope) {
        $scope.showDatePicker = function () {
            $scope.$root.$broadcast('onShowDatePicker', {});
        };
     }
  }
});

最奇怪的是,如果我将限制更改为E&#39;标记中的指令下面没有任何内容显示出来,所以我甚至不会发送文字&#39;你好,大卫! !!&#39 ;.当然,将限制更改为&#39; E&#34;,我将标记更改为:

<date-picker-extender />.

无法弄清楚到底发生了什么。

想法?

1 个答案:

答案 0 :(得分:1)

angularjs指令不适用于自闭标签:<date-picker-extender />

请结帐this link了解详情。

请使用语法:<date-picker-extender></date-picker-extender>