Question

如果我有一个名为

的表格单元格的指令

<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>

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

Answer 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包含放置指令的当前元素中的所有属性。

Answer 2

这只是老式的jQuery：

console.log(element.text());

如何使用angular.js指令访问元素值？

2 个答案: