我的图片不会在第一次点击时加载

Question

我正在使用 easeljs 在 angular 中创建一个应用程序，我只是停留在简单的步骤...我正在使用angular 材质弹出窗口我想在位图中加载图像，并且应该在灰度中打开...我这样做了，但是我为此使用了缓存（过滤器）...所以我的图像不会第一次加载click

    let alphabet_A: any = new createjs.Container();
    var img_rect = new createjs.Shape();
    img_rect.graphics.setStrokeStyle(2).f('#FFFFFF').beginStroke("#000000").drawRect(0, 0, 180, 170);
    img_rect.setTransform(10, 30);
    var text_A = new createjs.Bitmap("/src/assets/Alphabet-Shelf/Images/Shelf_Caps_A.png");
    text_A.setTransform(20, 100, 0.8, 0.8);
    var text_B = new createjs.Bitmap("/src/assets/Alphabet-Shelf/Images/Shelf_Small_A.png");
    text_B.setTransform(115, 120);
    var text_C = new createjs.Bitmap("/src/assets/Alphabet-Shelf/Images/Anka.png");
    text_C.setTransform(80, 20, 0.7, 0.7);
    var text_D = new createjs.Bitmap("/src/assets/Alphabet-Shelf/Images/framered.png");
    text_D.setTransform(3, 23);
    text_D.alpha = 1;
    var text_E = new createjs.Bitmap("/src/assets/Alphabet-Shelf/Images/framegreen.png");
    text_E.setTransform(3, 23);
    text_E.alpha = 0;
    alphabet_A.name = "alphabet";