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 に答える