0

如果我有一个名为的表格单元格的指令

<table>
  <tr>
    <td cellDirective>Some cell Value</td>
    <td cellDirective>Another cell value</td>
    ...
  <tr> ...
<table>

被定义为

myapp = angular.module('myapp', []);
myapp.directive('cellDirective', function() {
  return {
    link: function(scope, element) {
        console.log(element);
        element.addClass("coloring-class");
    }
  };
});

与风格

<style>
  .coloring-class {
    color: blue;
  }
</style>

我在控制台中得到的是对具有大量不同属性的对象的引用，但我找不到每个单元格中的值。那么如何访问元素内部的值呢？

4

2 回答 2

1

根据您的 JSBin，如果您将单元格定义为

<td ng-repeat="cell in row" class="spreadsheet" cell="{{ cell }}">

您可以将指令定义为

clinApp.directive('cell', function() {
  return {
    restrict: 'AE',
    link: function(scope, element, attrs)  {
      console.log(attrs.cell);

attrs 包含放置指令的当前元素中的所有属性。

于 2013-07-20T04:44:57.807 回答
0

这只是老式的 jQuery：

console.log(element.text());
于 2013-07-19T22:32:09.940 回答