javascript - さまざまなブラウザーでの AngularJS 属性補間の順序

Question

Chrome と FF (IE も同様) では、ディレクティブ属性が異なる順序で補間されることがわかりました。たとえば、このディレクティブは Chrome では FF とは異なる結果を生成します。

var TestDirective = function () {

    var linkFn = function (scope, element, attrs) {

        attrs.$observe("att1", function () {
            $(element).append(attrs.att1);  
        });

        attrs.$observe("att2", function () {
            $(element).append(attrs.att2);  
        });

        attrs.$observe("att3", function () {
            $(element).append(attrs.att3);    
        });       
    };

    return {
        link: linkFn
    }
};

一般に、この動作は問題になりませんが、補間の順序が重要な場合があります。私の質問はそれを克服する方法ではなく、補間の順序が異なる理由は何ですか?

JSFiddleも動作しています。Chrome と FF (または IE) で開いた場合、結果は異なります。