角度：jQueryを使用してデータオーダーによる注文リスト

Question

私はDBからロードするボックスのリストを持っています。私はdata-orderで注文する注文機能を作ろうとしていますが、ユーザーがボタンをクリックしたときに起動されるはずです。

コンポーネント

import { JQ_TOKEN} from "../../_service/index"; 
constructor(@Inject(JQ_TOKEN) private $: any) {} 

次関数

orderGames() { 
    var boxList = this.$('.box'); 
    var container = this.$('.box-list-container'); 
    boxList.sort(function (a: any, b: any) { 
     return this.$(a).data("order") - this.$(b).data("order"); 
    }); 
    container.html(boxList); 
} 

私は次のエラーの横の受け取り：

EXCEPTION: Error in app/dark-navbar.component.html:44:24 caused by: Cannot read property '$' of undefined

は、どのように私はそれを動作させることができますか？

Answer 1

実は私は前の角度では動作しませんでした..しかし、jqueryの関数として、あなたが

orderGames(el) { 
    var boxList = $(el).find('.box'); 
    var container = $(el).find('.box-list-container'); 
    boxList.sort(function (a, b) { 
     return $(a).data("order") - $(b).data("order"); 
    }); 
    container.html(boxList); 
} 

のようなものを使用することができますし、あなたはいけない

orderGames(this) 

Note:.find()Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element... and while I don't know your structure I can't determine which jquery function you will need may be .find() , .prev() , .closest() .. etc

Answer 2

のようにそれを使用しますthisが必要です。 jQueryをAngularと併用する方法は次のとおりです。

declare var $: any; 

@Component({ 
    selector: 'some-thing', 
    templateUrl: './template.html' 
}) 

export class ApplicationComponent implements AfterViewInit { 
    public results: String[] = []; 

    public ngAfterViewInit() { 
    $('#offcanvas').click(() => $('.row-offcanvas').toggleClass('active')); 
    } 
} 

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.