angularjs-base64编码和解码


<html>
<head>
    <meta charset="utf-8">
    <title>base64加密title>

    <script>
        function Base64() {

            // private property
            _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

            // public method for encoding
            this.encode = function (input) {
                var output = "";
                var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
                var i = 0;
                input = _utf8_encode(input);
                while (i < input.length) {
                    chr1 = input.charCodeAt(i++);
                    chr2 = input.charCodeAt(i++);
                    chr3 = input.charCodeAt(i++);
                    enc1 = chr1 >> 2;
                    enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
                    enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
                    enc4 = chr3 & 63;
                    if (isNaN(chr2)) {
                        enc3 = enc4 = 64;
                    } else if (isNaN(chr3)) {
                        enc4 = 64;
                    }
                    output = output +
                            _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
                            _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
                }
                return output;
            }

            // public method for decoding
            this.decode = function (input) {
                var output = "";
                var chr1, chr2, chr3;
                var enc1, enc2, enc3, enc4;
                var i = 0;
                input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
                while (i < input.length) {
                    enc1 = _keyStr.indexOf(input.charAt(i++));
                    enc2 = _keyStr.indexOf(input.charAt(i++));
                    enc3 = _keyStr.indexOf(input.charAt(i++));
                    enc4 = _keyStr.indexOf(input.charAt(i++));
                    chr1 = (enc1 << 2) | (enc2 >> 4);
                    chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
                    chr3 = ((enc3 & 3) << 6) | enc4;
                    output = output + String.fromCharCode(chr1);
                    if (enc3 != 64) {
                        output = output + String.fromCharCode(chr2);
                    }
                    if (enc4 != 64) {
                        output = output + String.fromCharCode(chr3);
                    }
                }
                output = _utf8_decode(output);
                return output;
            }

            // private method for UTF-8 encoding
            _utf8_encode = function (string) {
                string = string.replace(/\r\n/g, "\n");
                var utftext = "";
                for (var n = 0; n < string.length; n++) {
                    var c = string.charCodeAt(n);
                    if (c < 128) {
                        utftext += String.fromCharCode(c);
                    } else if ((c > 127) && (c < 2048)) {
                        utftext += String.fromCharCode((c >> 6) | 192);
                        utftext += String.fromCharCode((c & 63) | 128);
                    } else {
                        utftext += String.fromCharCode((c >> 12) | 224);
                        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                        utftext += String.fromCharCode((c & 63) | 128);
                    }

                }
                return utftext;
            }

            // private method for UTF-8 decoding
            _utf8_decode = function (utftext) {
                var string = "";
                var i = 0;
                var c = c1 = c2 = 0;
                while (i < utftext.length) {
                    c = utftext.charCodeAt(i);
                    if (c < 128) {
                        string += String.fromCharCode(c);
                        i++;
                    } else if ((c > 191) && (c < 224)) {
                        c2 = utftext.charCodeAt(i + 1);
                        string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                        i += 2;
                    } else {
                        c2 = utftext.charCodeAt(i + 1);
                        c3 = utftext.charCodeAt(i + 2);
                        string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                        i += 3;
                    }
                }
                return string;
            }

        }
    script>

head>

<body>
<p id="p1">PHAgc3R5bGU9ImxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBzdHlsZT0iZm9u
    dC1zaXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF6buRLCAnTWlj
    cm9zb2Z0IFlhSGVpJzsiPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3Rh
    cnRfNDEiIHN0eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4
    OyI+4oCNPC9zcGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRf
    NDMiIHN0eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+
    4oCNPC9zcGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzci
    IHN0eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCN
    PC9zcGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzkiIHN0
    eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9z
    cGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzMiIHN0eWxl
    PSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9zcGFu
    PjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzUiIHN0eWxlPSJk
    aXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9zcGFuPjxz
    cGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMjkiIHN0eWxlPSJkaXNw
    bGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9zcGFuPjxzcGFu
    IGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzEiIHN0eWxlPSJkaXNwbGF5
    OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9zcGFuPjxzcGFuIGlk
    PSJfYmFpZHVfYm9va21hcmtfc3RhcnRfMzEiIHN0eWxlPSJkaXNwbGF5OiBu
    b25lOyBsaW5lLWhlaWdodDogMHB4OyI+PC9zcGFuPjwvc3Bhbj48L3A+PHAg
    c3R5bGU9ImxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBzdHlsZT0iZm9udC1z
    aXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF6buRLCAnTWljcm9z
    b2Z0IFlhSGVpJzsiPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfc3RhcnRf
    MSIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IGxpbmUtaGVpZ2h0OiAwcHg7Ij7i
    gI08L3NwYW4+PHNwYW4gaWQ9Il9iYWlkdV9ib29rbWFya19zdGFydF8zIiBz
    dHlsZT0iZGlzcGxheTogbm9uZTsgbGluZS1oZWlnaHQ6IDBweDsiPuKAjTwv
    c3Bhbj7vu788aW1nIHdpZHRoPSIxMDAlIiBzcmM9Imh0dHA6Ly9ub25namli
    YW8uMTg5LmNuOjgwL2FkbWluL3VlZGl0b3IvbG9hZEltZ0RhdGEvMGNiMTdl
    MTEtMTgxNS00M2Q4LWE3NTYtZWUyMTc1YzlkZmIzXzIwMTcwMzA2MTE0MTM5
    NDEzOS5qcGciIHRpdGxlPSIyLmpwZyIvPjwvc3Bhbj48L3A+PHAgc3R5bGU9
    InRleHQtaW5kZW50OiAyZW07IGxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBz
    dHlsZT0iZm9udC1zaXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF
    6buRLCAnTWljcm9zb2Z0IFlhSGVpJzsiPjIwMTflubQz5pyINeaXpe+8jOes
    rOWNgeS6jOWxiuWFqOWbveS6uuawkeS7o+ihqOWkp+S8muesrOS6lOasoeS8
    muiuruWcqOWMl+S6rOS6uuawkeWkp+S8muWgguW8gOW5leOAguWbveWKoemZ
    ouaAu+eQhuadjuWFi+W8uuS9nOaUv+W6nOW3peS9nOaKpeWRiuOAguaAu+eQ
    huWcqOaKpeWRiuS4reaMh+WHuu+8jOKAnOimgeS/neivgeWxheawkeaUtuWF
    peWSjOe7j+a1juWinumVv+WfuuacrOWQjOatpeKAneOAgjwvc3Bhbj48L3A+
    PHAgc3R5bGU9Im1hcmdpbi10b3A6IDBweDsgbWFyZ2luLWJvdHRvbTogMHB4
    OyBwYWRkaW5nOiAwcHg7IHRleHQtaW5kZW50OiAyZW07IGNvbG9yOiByZ2Io
    MzQsIDM0LCAzNCk7IGZvbnQtZmFtaWx5OiAnTWljcm9zb2Z0IFlhSGVpJywg
    5b6u6L2v6ZuF6buROyBmb250LXNpemU6IDE0cHg7IHdoaXRlLXNwYWNlOiBu
    b3JtYWw7IGxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBzdHlsZT0iZm9udC1z
    aXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF6buRLCAnTWljcm9z
    b2Z0IFlhSGVpJzsiPumCo+S5iOS7iuW5tOWTquS6m+mSseimgea2qO+8n+WT
    quS6m+mSseimgemZje+8n+WTquS6m+aUtui0ueWwhuWPlua2iO+8nzwvc3Bh
    bj48L3A+PHAgc3R5bGU9Im1hcmdpbi10b3A6IDBweDsgbWFyZ2luLWJvdHRv
    bTogMHB4OyBwYWRkaW5nOiAwcHg7IHRleHQtaW5kZW50OiAyZW07IGNvbG9y
    OiByZ2IoMzQsIDM0LCAzNCk7IGZvbnQtZmFtaWx5OiAnTWljcm9zb2Z0IFlh
    SGVpJywg5b6u6L2v6ZuF6buROyBmb250LXNpemU6IDE0cHg7IHdoaXRlLXNw
    YWNlOiBub3JtYWw7IGxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBzdHlsZT0i
    Zm9udC1zaXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF6buRLCAn
    TWljcm9zb2Z0IFlhSGVpJzsiPuaJtui0q+i1hOmHkeWinumVvzMwJeS7peS4
    ijwvc3Bhbj48L3A+PHAgc3R5bGU9Im1hcmdpbi10b3A6IDBweDsgbWFyZ2lu
    LWJvdHRvbTogMHB4OyBwYWRkaW5nOiAwcHg7IHRleHQtaW5kZW50OiAyZW07
    IGNvbG9yOiByZ2IoMzQsIDM0LCAzNCk7IGZvbnQtZmFtaWx5OiAnTWljcm9z
    b2Z0IFlhSGVpJywg5b6u6L2v6ZuF6buROyBmb250LXNpemU6IDE0cHg7IHdo
    aXRlLXNwYWNlOiBub3JtYWw7IGxpbmUtaGVpZ2h0OiAyZW07Ij48c3BhbiBz
    dHlsZT0iZm9udC1zaXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u6L2v6ZuF
    6buRLCAnTWljcm9zb2Z0IFlhSGVpJzsiPjIwMTflubTvvIzkuK3lpK7otKLm
    lL/kuJPpobnmibbotKvotYTph5Hlop7plb8zMCXku6XkuIrjgILotKvlm7Dl
    nLDljLrlkozotKvlm7Dkurrlj6PmmK/lhajpnaLlu7rmiJDlsI/lurfnpL7k
    vJrmnIDlpKfnmoTnn63mnb/jgIIyMDE35bm05bCG5Yqg5by66ZuG5Lit6L+e
    54mH54m55Zuw5Zyw5Yy644CB6Z2p5ZG96ICB5Yy65byA5Y+R77yM5pS55ZaE
    5Z+656GA6K6+5pa95ZKM5YWs5YWx5pyN5Yqh77yM5o6o5Yqo54m56Imy5Lqn
    5Lia5Y+R5bGV44CB5Yqz5Yqh6L6T5Ye644CB5pWZ6IKy5ZKM5YGl5bq35om2
    6LSr77yM5a6e5pa96LSr5Zuw5p2R5pW05L2T5o+Q5Y2H5bel56iL77yM5aKe
    5by66LSr5Zuw5Zyw5Yy65ZKM6LSr5Zuw576k5LyX6Ieq5oiR5Y+R5bGV6IO9
    5Yqb44CCPC9zcGFuPjwvcD48cCBzdHlsZT0ibWFyZ2luLXRvcDogMHB4OyBt
    YXJnaW4tYm90dG9tOiAwcHg7IHBhZGRpbmc6IDBweDsgdGV4dC1pbmRlbnQ6
    IDJlbTsgY29sb3I6IHJnYigzNCwgMzQsIDM0KTsgZm9udC1mYW1pbHk6ICdN
    aWNyb3NvZnQgWWFIZWknLCDlvq7ova/pm4Xpu5E7IGZvbnQtc2l6ZTogMTRw
    eDsgd2hpdGUtc3BhY2U6IG5vcm1hbDsgbGluZS1oZWlnaHQ6IDJlbTsiPjxz
    cGFuIHN0eWxlPSJmb250LXNpemU6IDE2cHg7IGZvbnQtZmFtaWx5OiDlvq7o
    va/pm4Xpu5EsICdNaWNyb3NvZnQgWWFIZWknOyI+5Z+O5Lmh5bGF5rCR5Yy7
    5L+d6LSi5pS/6KGl5Yqp5o+Q6auY5YiwNDUw5YWDPC9zcGFuPjwvcD48cCBz
    dHlsZT0ibWFyZ2luLXRvcDogMHB4OyBtYXJnaW4tYm90dG9tOiAwcHg7IHBh
    ZGRpbmc6IDBweDsgdGV4dC1pbmRlbnQ6IDJlbTsgY29sb3I6IHJnYigzNCwg
    MzQsIDM0KTsgZm9udC1mYW1pbHk6ICdNaWNyb3NvZnQgWWFIZWknLCDlvq7o
    va/pm4Xpu5E7IGZvbnQtc2l6ZTogMTRweDsgd2hpdGUtc3BhY2U6IG5vcm1h
    bDsgbGluZS1oZWlnaHQ6IDJlbTsiPjxzcGFuIHN0eWxlPSJmb250LXNpemU6
    IDE2cHg7IGZvbnQtZmFtaWx5OiDlvq7ova/pm4Xpu5EsICdNaWNyb3NvZnQg
    WWFIZWknOyI+MjAxN+W5tO+8jOWfjuS5oeWxheawkeWMu+S/nei0ouaUv+ih
    peWKqeeUseavj+S6uuavj+W5tDQyMOWFg+aPkOmrmOWIsDQ1MOWFg++8jOWQ
    jOatpeaPkOmrmOS4quS6uue8tOi0ueagh+WHhu+8jOaJqeWkp+eUqOiNr+S/
    nemanOiMg+WbtOOAguWcqOWFqOWbveaOqOi/m+WMu+S/neS/oeaBr+iBlOe9
    ke+8jOWunueOsOW8guWcsOWwseWMu+S9j+mZoui0ueeUqOebtOaOpee7k+eu
    l+OAguWujOWWhOWkp+eXheS/nemZqeWItuW6pu+8jOaPkOmrmOS/nemanOaw
    tOW5s+OAgjwvc3Bhbj48L3A+PHAgc3R5bGU9Im1hcmdpbi10b3A6IDBweDsg
    bWFyZ2luLWJvdHRvbTogMHB4OyBwYWRkaW5nOiAwcHg7IHRleHQtaW5kZW50
    OiAyZW07IGNvbG9yOiByZ2IoMzQsIDM0LCAzNCk7IGZvbnQtZmFtaWx5OiAn
    TWljcm9zb2Z0IFlhSGVpJywg5b6u6L2v6ZuF6buROyBmb250LXNpemU6IDE0
    cHg7IHdoaXRlLXNwYWNlOiBub3JtYWw7IGxpbmUtaGVpZ2h0OiAyZW07Ij48
    c3BhbiBzdHlsZT0iZm9udC1zaXplOiAxNnB4OyBmb250LWZhbWlseTog5b6u
    6L2v6ZuF6buRLCAnTWljcm9zb2Z0IFlhSGVpJzsiPuWwj+W+ruS8geS4muWP
    jOWIm+WlluWKseaPkOmrmDwvc3Bhbj48L3A+PHAgc3R5bGU9Im1hcmdpbi10
    b3A6IDBweDsgbWFyZ2luLWJvdHRvbTogMHB4OyBwYWRkaW5nOiAwcHg7IHRl
    eHQtaW5kZW50OiAyZW07IGNvbG9yOiByZ2IoMzQsIDM0LCAzNCk7IGZvbnQt
    ZmFtaWx5OiAnTWljcm9zb2Z0IFlhSGVpJywg5b6u6L2v6ZuF6buROyBmb250
    LXNpemU6IDE0cHg7IHdoaXRlLXNwYWNlOiBub3JtYWw7IGxpbmUtaGVpZ2h0
    OiAyZW07Ij48c3BhbiBzdHlsZT0iZm9udC1zaXplOiAxNnB4OyBmb250LWZh
    bWlseTog5b6u6L2v6ZuF6buRLCAnTWljcm9zb2Z0IFlhSGVpJzsiPuaJqeWk
    p+Wwj+W+ruS8geS4muS6q+WPl+WHj+WNiuW+geaUtuaJgOW+l+eojuS8mOaD
    oOeahOiMg+WbtO+8jOW5tOW6lOe6s+eojuaJgOW+l+mineS4iumZkOeUsTMw
    5LiH5YWD5o+Q6auY5YiwNTDkuIflhYPvvJvnp5HmioDlnovkuK3lsI/kvIHk
    uJrnoJTlj5HotLnnlKjliqDorqHmiaPpmaTmr5TkvovnlLE1MCXmj5Dpq5jl
    iLA3NSXjgILljYPmlrnnmb7orqHkvb/nu5PmnoTmgKflh4/nqI7lipvluqbl
    kozmlYjlupTov5vkuIDmraXmmL7njrDjgII8L3NwYW4+PC9wPjxwIHN0eWxl
    PSJtYXJnaW4tdG9wOiAwcHg7IG1hcmdpbi1ib3R0b206IDBweDsgcGFkZGlu
    ZzogMHB4OyB0ZXh0LWluZGVudDogMmVtOyBjb2xvcjogcmdiKDM0LCAzNCwg
    MzQpOyBmb250LWZhbWlseTogJ01pY3Jvc29mdCBZYUhlaScsIOW+rui9r+mb
    hem7kTsgZm9udC1zaXplOiAxNHB4OyB3aGl0ZS1zcGFjZTogbm9ybWFsOyBs
    aW5lLWhlaWdodDogMmVtOyI+PHNwYW4gc3R5bGU9ImZvbnQtc2l6ZTogMTZw
    eDsgZm9udC1mYW1pbHk6IOW+rui9r+mbhem7kSwgJ01pY3Jvc29mdCBZYUhl
    aSc7Ij7pgIDkvJHkurrlkZjln7rmnKzlhbvogIHph5Hmj5Dpq5g8L3NwYW4+
    PC9wPjxwIHN0eWxlPSJtYXJnaW4tdG9wOiAwcHg7IG1hcmdpbi1ib3R0b206
    IDBweDsgcGFkZGluZzogMHB4OyB0ZXh0LWluZGVudDogMmVtOyBjb2xvcjog
    cmdiKDM0LCAzNCwgMzQpOyBmb250LWZhbWlseTogJ01pY3Jvc29mdCBZYUhl
    aScsIOW+rui9r+mbhem7kTsgZm9udC1zaXplOiAxNHB4OyB3aGl0ZS1zcGFj
    ZTogbm9ybWFsOyBsaW5lLWhlaWdodDogMmVtOyI+PHNwYW4gc3R5bGU9ImZv
    bnQtc2l6ZTogMTZweDsgZm9udC1mYW1pbHk6IOW+rui9r+mbhem7kSwgJ01p
    Y3Jvc29mdCBZYUhlaSc7Ij7mgLvnkIblnKjmlL/lupzlt6XkvZzmiqXlkYrk
    uK3mj5Dlh7rvvIznu6fnu63mj5Dpq5jpgIDkvJHkurrlkZjln7rmnKzlhbvo
    gIHph5HvvIznoa7kv53mjInml7botrPpop3lj5HmlL7jgILnqLPmraXmj5Dp
    q5jkvJjmiprjgIHnpL7kvJrmlZHliqnmoIflh4bvvIzlrp7mlr3lpb3kuLTm
    l7bmlZHliqnliLbluqbjgII8L3NwYW4+PC9wPjxwPjxici8+PC9wPjxwIHN0
    eWxlPSJsaW5lLWhlaWdodDogMmVtOyI+PHNwYW4gc3R5bGU9ImZvbnQtZmFt
    aWx5OiDlvq7ova/pm4Xpu5EsICdNaWNyb3NvZnQgWWFIZWknOyBmb250LXNp
    emU6IDE2cHg7Ij48c3BhbiBpZD0iX2JhaWR1X2Jvb2ttYXJrX2VuZF80IiBz
    dHlsZT0iZGlzcGxheTogbm9uZTsgbGluZS1oZWlnaHQ6IDBweDsiPuKAjTwv
    c3Bhbj48c3BhbiBpZD0iX2JhaWR1X2Jvb2ttYXJrX2VuZF8yIiBzdHlsZT0i
    ZGlzcGxheTogbm9uZTsgbGluZS1oZWlnaHQ6IDBweDsiPuKAjTwvc3Bhbj48
    c3BhbiBpZD0iX2JhaWR1X2Jvb2ttYXJrX2VuZF80NCIgc3R5bGU9ImRpc3Bs
    YXk6IG5vbmU7IGxpbmUtaGVpZ2h0OiAwcHg7Ij7igI08L3NwYW4+PHNwYW4g
    aWQ9Il9iYWlkdV9ib29rbWFya19lbmRfNDIiIHN0eWxlPSJkaXNwbGF5OiBu
    b25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9zcGFuPjxzcGFuIGlkPSJf
    YmFpZHVfYm9va21hcmtfZW5kXzQwIiBzdHlsZT0iZGlzcGxheTogbm9uZTsg
    bGluZS1oZWlnaHQ6IDBweDsiPuKAjTwvc3Bhbj48c3BhbiBpZD0iX2JhaWR1
    X2Jvb2ttYXJrX2VuZF8zOCIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IGxpbmUt
    aGVpZ2h0OiAwcHg7Ij7igI08L3NwYW4+PHNwYW4gaWQ9Il9iYWlkdV9ib29r
    bWFya19lbmRfMzYiIHN0eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdo
    dDogMHB4OyI+4oCNPC9zcGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtf
    ZW5kXzM0IiBzdHlsZT0iZGlzcGxheTogbm9uZTsgbGluZS1oZWlnaHQ6IDBw
    eDsiPuKAjTwvc3Bhbj48c3BhbiBpZD0iX2JhaWR1X2Jvb2ttYXJrX2VuZF8z
    MiIgc3R5bGU9ImRpc3BsYXk6IG5vbmU7IGxpbmUtaGVpZ2h0OiAwcHg7Ij7i
    gI08L3NwYW4+PHNwYW4gaWQ9Il9iYWlkdV9ib29rbWFya19lbmRfMzAiIHN0
    eWxlPSJkaXNwbGF5OiBub25lOyBsaW5lLWhlaWdodDogMHB4OyI+4oCNPC9z
    cGFuPjxzcGFuIGlkPSJfYmFpZHVfYm9va21hcmtfZW5kXzMwIiBzdHlsZT0i
    ZGlzcGxheTogbm9uZTsgbGluZS1oZWlnaHQ6IDBweDsiPjwvc3Bhbj48L3Nw YW4+PC9wPg==p>
<script>
    var b = new Base64();
    str = document.getElementById("p1").innerHTML;
    //解密
    str = b.decode(str);
    document.getElementById("p1").innerHTML = str;
script>

body>
html>

如何从Angularjs 升级到 Angular（译文）快乐2020
原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者：philoenglish.com团队关键字：AngularjsAngularAngular1.xAngular2.xmigration迁移，升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
【面试题系列Vue06】Vue 单页应用与多页应用的区别周三有雨 vue 面试题 vue.js 前端 javascript
单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
js、ts、argular、nodejs学习心得海棠如醉 web技术 web
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构AngularJS诞生于2009年，由MiskoHevery等人创建，是一款构建用户界面的前端框架，后为Google所收购。[3]Angular是AngularJS的重写，Angular2以后官方命名为Angular，2.0以前版本称为AngularJS。AngularJS是用JavaScript编写，而Angul
标题：重构传统电商：Moa - 融合Angular与Magento的新一代框架伍辰惟
标题：重构传统电商：Moa-融合Angular与Magento的新一代框架1、项目介绍Moa是一款创新的开源项目，它将传统的Magento商店带入了新时代。这个框架采用AngularJS前端和Laravel后端API，旨在解决Magento在单元测试、配置优先原则、Prototype.js使用以及未经过测试的第三方模块等方面的问题。Moa的设计目标是提高性能、可维护性和用户体验，为电子商务提供更现
基于AngularJS的企业软件前端架构 weixin_33980459 前端 javascript 后端 ViewUI
2019独角兽企业重金招聘Python工程师标准>>>这篇是我参加QCon北京2014的演讲内容：提纲：企业应用在软件行业中占有很大的比重，而这类软件多数现在也都采用B/S的模式开发，在这个日新月异的时代，它们的前端开发技术找到了什么改进点呢？B/S企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领
茂名华为云代理商：angularjs后台管理系统网站 aliyuncloud 华为云国际站代理商华为云代理商华为云国际站华为云 angular.js 前端运维云计算服务器 javascript
茂名华为云代理商：angularjs后台管理系统网站简介：飞机@luotuoemo本文由（华为云国际站代理商：【金推云】www.jintui.cn）撰写茂名华为云代理商：angularjs后台管理系统网站华为云代理商的介绍作为茂名地区的华为云代理商，我们致力于为客户提供最优质的云服务和解决方案。借助华为云强大的技术实力和丰富的行业经验，我们能够为客户量身定制各种云计算服务，满足其不同的需求。Ang
css修改图标字体大小,css-更改AngularJS材质图标的图标大小莫博之 css修改图标字体大小
css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
前端框架 air_b10f
JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl
Web前端开发的框架可以应用到哪些地方一只有头发的程序猿工作学习 web前端 JavaScript 编程程序员前端开发
随着时间的推移，网页设计越来越具有创新性。web前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以
（二）spring cloud微服务分布式云架构 - 整合企业架构的技术点 fumi106
springcloud本身提供的组件就很多，但我们需要按照企业的业务模式来定制企业所需要的通用架构，那我们现在需要考虑使用哪些技术呢？下面我针对于springcloud微服务分布式云架构做了以下技术总结，希望可以帮助到大家：View：H5、Vue.js、SpringTag、React、angularJsSpringBoot/SpringCloud：Zuul、Ribbon、Feign、Turbine
解决angularjs html 不转义问题彬彬彬boboc
方法1.引用angular-sanitize.js文件msg为html的字符串，这样页码就会对html进行渲染输出到页面方法2：创建一个filter过滤器然后将此过滤器添加到ng-bind-html所绑定的数据中，便实现了在数据加载时对于html标签的自动转义。
盘点前端开源JS框架和库前端王小婷
新的Javascript库层出不穷，从而Web社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具，并讨论它们的适用场景。1.angular.Js地址：http://www.runoob.com/angularjs/angularjs-tuto
ng-Route和ui-router的区别牛奶大泡芙
AngularJs可以实现页面的局部刷新，通过改变url的方式。其中ngRoute是内置的服务，而ui-router是第三方开发的产品，优势在于可以进行视图嵌套，下面简要比较一下两者在使用上的区别。
10个最受欢迎的 JavaScript 框架，以及它们的主要特征和功能骨灰设计师小X
多年来，业界已经发布了大量JavaScript框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。在本文中，我将列出用来构建Web应用程序的前10个JavaScript框架。1.AngularJSAngular是最强大、最高效、最开源的JavaScript框架之一。在这个列表中不可能不提及Angular。该框架由Google运营，用于开发
什么是MVVM模式？若年封尘前端 mvvm mvc mvp vue.js
文章目录前端的三大MV*模式：MVVM模式：ViewModel的作用：MVVM的组成部分：前端流行框架：前端的三大MV*模式：MVVM模式：MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当下流行的MVVM框架有：Vue.js、AngularJS。MVVM即模型-视图-视图模型。模
Vue前端框架选型论证秋枫落落 vue
Vue前端框架选型论证文章目录Vue前端框架选型论证1.前端框架的演变1.1前端框架的演变历史1.2web1.0时代1.3后端MVC时代1.4前端MVC时代1.5MVP时代1.6MVVM时代2.前端框架的演变总结3.前端MVVM三大框架AngularJS、Vue、React对比选择3.1三大框架社区活跃度对比3.2市场应用情况对比3.3前端MVVM三大框架AngularJS、Vue、React对比
AngularJS常见问题 zhuhangit AngularJS angular.js 前端框架
AngularJS常见问题Useskip-importoptiontoskipimporting//问题：在该工程下，存在多个module文件//解决方案：创建组件时，指定module文件：nggeneratecomponent[options]nggccomponentName--module=app.module(往app.module.ts中添加创建的组件信息)修改第三方组件的样式//ng-
深入AngularJS源码，写自己的 JngularJS（1） zidea
最近大部分时间都花费在研究AngularJS，AngularJS作为全能的javascript框架（不是库呀），很强大也很成熟。在国内也被广泛应用到实际web前端开发中。也是前端工程师追逐和热捧的前端框架之一。我最近也是在项目中实际用了一段时间。好处就不说了，框架中也存在许多让人困惑不解的地方，例如digest是如何工作的？angularJS为什么提供多种方式来定义directive指令集。ser
ionic3 项目使用Cordova自定义插件星辰大海_王
PS：Ionic为什么要用Cordova插件？先看下Ionic是什么？Ionic(ionicframework)一款开源的Html5移动App开发框架,是以AngularJS为基础的移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本，让开发者可以通过命令行工具快速生成androidios移动app应用。phoengap又是什么？PhoneGap是ApacheCordo
项目总结-技术点：将接口获取html代码段，初始到页面 youyoufenglai angular angular sce
**要实现什么：**angular、require搭建的网站中，将接口获取的html代码段初始到页面；**用到的技术点：**angularJs的$sce服务与ng-bind-html指令js文件中：$scope.qetMsgDetail=function(){layer.load(2,{shade:[0.1,'#000']});$http.post(url,postData).success(fu
AngularJs 学习之 ng-repeat-start,ng-repeat-end 指令 IT枫斗者 JAVA基础工作中实际总结编程学习 angular.js 学习前端 java 面试 javascript
AngularJs学习之ng-repeat-start,ng-repeat-end指令ng-repeat指令：循环输出数组或者对象内容到htmlapplywatch*{margin:0;padding:0;}姓名介绍{{item.name}}{{item.content}}varapp=angular.module("myApp",[]);app.controller('myCtrl',funct
Vue基础语法篇 Gao_xu_sheng vue.js 前端 javascript
1.1web前端三大主流框架web前端三大主流框架都是Angular、React、Vue。1.2AngularAngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular1.3R
AngularJs 基础（60分钟入门） weixin_34405332 测试 ui c#
AngularJS是一个创建富客户端应用的JavaScriptMVC框架。你仍然需要具有服务端后台，但大多数的用户交互逻辑将放到客户端上处理。它可以创建单页的应用程序，一个页面的应用仅仅需要HTML,CSS和JavaScript在客户端。它的目标是增强页面的模型-视图-控制（MVC）的功能，为简化开发和测试。单页Web应用（singlepagewebapplication，SPA），就是只有一张W
【AngularJs】已改变ui-sref的state，但是href的url未改变 smart_dream angular.js ui 前端
改变跳转路径去修改去修改去修改-->去修改解决方案：angularui-Dynamicallysetthevalueofui-srefAngularjs-StackOverflow
AngularJs入门使用 swimming_in_it_ 前端插件+框架 angularJs 基础介绍 demo
AngularJS介绍AngularJs是一个前台框架，使用JavaScript编写的库。用户可以在使用该框架，在前台中进行数据双向绑定，实现前端的MVC数据显示。在使用AngularJs框架的时候，只需要在前台的html中引入AngularJs文件即可。使用非常方便。AngularJs基础操作在讲解基础指令前，先普遍一些基础概念。用户在页面中引入AngularJs文件后，可以创建WebApp和控
AngularJS快速入门指南12：模块 ddjq1044 javascript ViewUI
AngularJS模块定义了一个application。模块是一个application中不同部分的容器。application中的所有控制器都应该属于一个模块。带有一个控制器的模块下面这个application（"myApp"）包含一个控制器（"myCtrl"）：{{firstName+""+lastName}}varapp=angular.module("myApp",[]);app.cont
AngularJS快速入门 chongxiaocheng 框架 angularjs web前端前端开发框架
AngularJS.1.0快速入门目录1.简介2.基本编写结构3.基本语法及基础结构组成1.简介AngularJS是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前端开发市场，是前端敏捷开发使用的主流的必须掌握的框架之一。AnuglarJS是前后端分离软件架构模型下，前端业务处理的解决方案！总之，Ang
AngularJS基础入门文档水阳。前端 angular.js 前端 javascript
引言：AngularJS是一个开源的JavaScript框架，用于构建动态Web应用程序。它提供了一套强大的工具和功能，使开发人员能够更轻松地构建交互性强、响应式的网页应用。本文将为您介绍AngularJS的基本概念和使用方法，帮助您快速入门并掌握AngularJS的核心知识。一、环境搭建在开始使用AngularJS之前，您需要确保以下环境已经准备好：浏览器：推荐使用最新版本的Chrome、Fir
node.js漏洞总结 carrot11223 网络安全 node.js 漏洞
js开发的web应用和php/Java最大的区别就是js可以通过查看源代码的方式查看到编写的代码，但是php/Java的不能看到，也就是说js开发的web网页相当于可以进行白盒测试。流行的js框架有：1.AngularJS2.ReactJS3.Vue4.jQuery5.BackboneJS6.NodeJS7.Ember8.Meteor9.Polymer10.Aurelia那怎么判断一个网站是不是由
Angularjs 动态获取屏幕宽度壹只很拽的猫
我是写在directivewindow.onresize=function(){$scope.$apply(function(){console.log("document.body.clientWidth",document.body.clientWidth);})};参考文档：angular怎么监听屏幕宽度改变angularjs中如何实现页面自适应？这个看起来能实现但是我没整明白
矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
JDK timer antlove java jdk schedule code timer
1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm 应用服务器
堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx
JDBC连接数据库 Array_06 jdbc
package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
Unsupported major.minor version 51.0（jdk版本错误） oloz java
java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
用多个线程处理1个List集合 362217990 多线程 thread list 集合
昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
JSP简单访问数据库香水浓 sql mysql jsp
学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下： [html] view plain copy <RelativeLa
查询汇总的sql baalwolf sql
select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(
Linux du命令和df命令区别 BigBird2012 linux
1，两者区别 du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
AngularJS中的$apply，用还是不用？ bijian1013 JavaScript AngularJS $apply
在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。但是首先，让我们把$apply转换成一种简化的形式。 scope.$apply就像一个懒惰的工人。它需要按照命
[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理 ClientCnxn构造方法 &
【Java命令一】jmap bit1129 Java命令
jmap命令的用法： [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
Apache 服务器安全防护及实战 ronin47
此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
unity 3d实例化位置出现布置？ brotherlamp unity教程 unity unity资料 unity视频 unity自学
问：unity 3d实例化位置出现布置？答：实例化的同时就可以指定被实例化的物体的位置,即 position Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了, 如果你省略了第二个参数(
《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java 重构
import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
struts2更改struts.xml配置目录 chiangfai struts.xml
struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下： <filter> <filter-name>struts2</filter-name> <filter-class&g
redis做缓存时的一点优化 chenchao051 redis hadoop pipeline
最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
mysql导出数据不输出标题行 daizj mysql 数据导出去掉第一行去掉标题
当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt 结果为： studentid
phpexcel导出excel表简单入门示例 dcj3sjt126com PHP Excel phpexcel
先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE); if (PHP_SAPI == 'cli') die('
爱情格言 dcj3sjt126com 格言
1) I love you not because of who you are, but because of who I am when I am with you. 　　我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
转 Activity 详解——Activity文档翻译 e200702084 android UI sqlite 配置管理网络应用
activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。当用户离开 activity 时你可以在 onPause() 进行相应的操作。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
win7安装MongoDB服务 geeksun mongodb
1. 下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads 2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
数据源架构模式之行数据入口 home198979 PHP 架构行数据入口
注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。一、概念行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。二、简单实现行数据入口为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
Linux各个目录的作用及内容 pda158 linux 脚本
1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
ubuntu12.04上编译openjdk7 ol_beta HotSpot jvm jdk OpenJDK
获取源码从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
哈哈，出差这么久终于回来了，回家的感觉真好！ PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。

angularjs-base64编码和解码

你可能感兴趣的:(angularjs,angularjs)