IE11っていつ消えますか?

IE11にやられたこと。

・async-awaitが使用不可
・dialogタグが使用不可

・async-awaitが使用不可

対応方法としては2つ

1. 処理の組み換え
処理を上手いこと組み替えて作る方法で今回はこちらにしました。
AngularJSではPromise的な書き方は出来るので以下みたいにネストする…。

//async-await使用可
$cope.exec = async function() {
    await $scope.fnc1();
    await $scope.fnc2();
    //処理
    ・・・
}
//async-awaitが使用不可
$cope.exec = function() {
    var promise1 = $scope.fnc1();
    promise1.then(function(){
        var promise2 = $scope.fnc2();
        promise2.then(function(){
            //処理
            ・・・
        })
    })
}

 別functionはnew Promiseをリターンする形で作成。
ただawaitをforの中で使用していたりするよ結構修正する必要あり。

2. Polyfill使用
出来ればこれがいいですが環境的に制限がある場合は注意が必要。

やり方はgoogleに聞いてみよう!

・dialogタグが使用不可

こちらは単純にjQeryやcssなどで対応する。

fadeIn、fadeOutでやるのが簡単でいいかも。

 <button id="display">表示</button>
 <div id="overlay">
   <div id="overlayWindow">
     <p>表示</p>
     <button id="close">非表示</button>
   </div>
 </div>
//script
$(function() {
    //表示
    $("#display").click(function() {
          $("#overlay, #overlayWindow").fadeIn();
    });
    //非表示
    $("#close").click(function() {
          $("#overlay, #overlayWindow").fadeOut();
    });
});

ライブラリを使用しればさらにゴージャスな感じで動いてくれるので探してみるのもよいかと思います。

この記事が気に入ったらサポートをしてみませんか?