Question

我希望开始划分我的代码。我从一个基本表开始，但无法弄清楚为什么指令在其指定的容器上方输出。

我从一个简单的指令开始

var app= angular.module('myApp');

app.directive("productItem", function() {
    return {
        restrict: 'EA',
        replace: false,
        // transclude: true,
        scope: false,
        templateUrl: 'templates/tableWrapper.html'

    }
});

我缩小了模板以开始。所以我硬编了一些值

<td>Bob </td>
<td>10006 </td>

在指定的父div中，我附加了标记

<table class="table table-striped"  >
    <tr>
      <th>Name</th> <th>Quantity</th> 
    </tr>
    <tr>

    <tr>
      <product-item></product-item>
    </tr>
  </table>

我最初开始时使用替换：true 假设更改product-item标记将采用表格并适合表格。但是，模板适合在表格之外。

还有require：true我收到错误

Template for directive 'productItem' must have exactly one root element. templates/tableWrapper.html

根据我的阅读，当我希望产品项目适合产品表时，transclude会很有用。所以现在它没有帮助。

我试图引用这篇文章Angularjs templateUrl fails to bind attributes inside ng-repeat。但是，当我开始动态创建数据时，它更接近我的下一步。

Answer 1

在处理表行（sock_raw = socket(AF_PACKET, SOCK_RAW, ETH_P_ALL); struct sockaddr_ll *s = (struct sockaddr_ll*) &sll; s->sll_family = AF_PACKET; s->sll_ifindex = if_nametoindex("lo"); s->sll_protocol = htons(protocol); size = sizeof(struct sockaddr_ll); bind(sock_raw, &sll, size); data_size = recvfrom(sock_raw, buffer, BUFSZ, 0, NULL, NULL);元素）内的内容时存在错误/功能。您不能在表格行中指定自定义元素，否则它们将被移动到表格之外，如您所见。

相反，请在属性样式中使用您的指令，如下所示：

<tr>

在您的模板中，执行以下操作：

...
restrict: 'A', // A for attribute only
...

这应该适合你。

另外，请确保保留<tr> <td product-item></td> </tr>。

在div中获取自定义指令

1 个答案: