1

次のディレクティブを作成しました。

.directive('getData', function(){
        return {
            restrict: 'C',
            replace: true,
            transclude: true,
            scope: { myData:'@myData' },
            template: '<div ng-switch="myData">' +
                        '<div ng-switch-when="4">Real Data</div>' +
                        '<div ng-switch-when="5">False Data</div>' +
                        '<div ng-switch-default>No Data</div>' +
                      '</div>'
        }

次に、ng-grid を使用するグリッドで、値が 4 と 5 の 2 つの行を持つ列があります。この列の cellTemplate は次のとおりです。

cellTemplate: ' < div class="getData" myData="{{row.getProperty(col.field)}}" />'

問題は、両方の行に「No Data」と表示されることです。値が 4 のセルに「実際のデータ」を表示し、値が 5 のセルに「偽のデータ」を表示したいと思います。

私が正しくしていないことは何ですか？どんな助けでも大歓迎です。

4

1 に答える 1

0

へのcellTemplate変更myDataでmy-data。angular ディレクティブを使用すると、角度ライブラリによって自動的にキャメル ケースがダッシュ ケースに変換されます。

たとえば、ディレクティブ要素が として定義されているとし"mySuperAwesomeDirective"ます。以下を使用してhtmlで宣言されます。

<my-super-awesome-directive></my-super-awesome-directive>

これは、プランカーの例の実用的なバージョンです。

http://plnkr.co/edit/ENj00Re3bfaVGPlomhFG?p=preview

于 2013-08-05T16:34:45.347 に答える