Question

以下列方式创建指令时，元素本身（function Ctrl($scope) { }）的高度为0px，宽度为0px。 jsfiddle

<a-directive>

和html：

 var myApp = angular.module('myApp', []).directive('aDirective', function () {
    return {
        template: '<div style="height:100px;width:100px;background-color:red;"></div>',
      restrict: 'E',
      link: function (scope, element, attrs) {
      }
    };
  });

如何让html元素具有子维度？

修改

我只是看到小提琴，它有一个维度。但在我的项目中，它通常没有。任何想法为什么会出现这种情况？

Answer 1

您可以为指令添加CSS。例如：

this.getField("fieldToPushValueTo").value = event.value ;

Answer 2

在指令的返回对象中添加replace:true，指令将替换div。

指令容器的高度为0px，宽度为0px - angularjs

2 个答案: