75

dateこの方法でカスタム フィルターに値を渡しています。

angular.module('myapp').
  filter('filterReceiptsForDate', function () {
    return function (input, date) {
      var out = _.filter(input, function (item) {
        return moment(item.value.created).format('YYYY-MM-DD') == date;
      });
      return out;
    }
  });

ディレクティブでできることのように、そこにもいくつかのスコープ変数を挿入したいと思います。これらの変数を関数の引数として明示的に渡す必要なしにこれを行うことは可能ですか?

4

2 に答える 2

126

どうやらできるようです。

通常、スコープ変数を関数パラメーターとしてフィルターに渡します。

function MyCtrl($scope){
  $scope.currentDate = new Date();
  $scope.dateFormat = 'short';
}

<span ng-controller="MyCtrl">{{currentDate | date:dateFormat}}</span> // --> 7/11/13 4:57 PM

ただし、現在のスコープを渡すには、次を渡す必要がありますthis。

<span ng-controller="MyCtrl">{{currentDate | date:this}}</span>

現在のスコープへの参照にthisなります。

簡略化:

app.controller('AppController',
    function($scope) {
      $scope.var1 = 'This is some text.';
      $scope.var2 = 'And this is appended with custom filter.';
    }
  );
  

app.filter('filterReceiptsForDate', function () {
  return function (input, scope) {
    return input + ' <strong>' + scope.var2 + '</strong>';
  };
});

<div ng-bind-html-unsafe="var1 | filterReceiptsForDate:this"></div>
<!-- Results in: "This is some text. <strong>And this is appended with custom filter.</strong>" -->

PLUNKER

警告：

  1. これには注意して、フィルター内の値を読み取るためにのみスコープを使用してください。そうしないと、$digest ループで自分自身を簡単に見つけることができます。
  2. このような「重い」依存関係 (スコープ全体) を必要とするフィルターは、テストが非常に困難になる傾向があります。
于 2013-07-11T15:07:30.940 に答える
5

thislocalを参照していることがわかりました$scope。これが安全なアクセス方法かどうかはわかりません。

于 2014-08-26T19:39:05.563 に答える