{"id":260739,"date":"2015-07-05T23:14:02","date_gmt":"2015-07-05T19:14:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=260739"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=260739","title":{"rendered":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0430\u044f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043d\u0430 AngularJS"},"content":{"rendered":"<p>     \t<i>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445.<\/i><br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u043a\u0430\u0436\u0434\u044b\u0439 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 web-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u0440\u0438\u0432\u0443\u044e, \u0441 \u043a\u0443\u0447\u0435\u0439 \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439, \u043d\u043e \u0441\u0432\u043e\u044e \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c. \u0412\u043e\u0442 \u0438 \u043d\u0430\u0441\u0442\u0430\u043b\u043e \u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>\u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c<\/b> \u2014 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 web-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043b\u0430\u0439\u0434\u044b \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/fcd\/c9f\/943\/fcdc9f943009174da539d731b8fba0c2.gif\" alt=\"\u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438\"\/><br \/>  <a name=\"habracut\"><\/a><br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0418\u0434\u0435\u044f \u043d\u0430\u0448\u0435\u0439 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438: \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0432 \u0434\u0432\u0430 \u0443\u0440\u043e\u0432\u043d\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 css \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 <a href=\"http:\/\/htmlbook.ru\/css\/z-index\">z-index<\/a> \u0438 \u043f\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c css \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0441 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 <a href=\"http:\/\/htmlbook.ru\/css\/transition\">transition<\/a>. <br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>CSS \u0444\u0430\u0439\u043b<\/b> \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:   <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c CSS<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"css\">el-carousel {   width: 100%;   margin: 0;   position: relative;   z-index: 20; } .el-carousel .el-card {   position: absolute;   background: rgba(141, 141, 141, 0.5);   border:1px #e0e0e0 solid;   border-radius:1px;   box-shadow: 0 0 0 4px rgba(107, 108, 40, 0.25), 0 0 0 5px rgba(183, 183, 183, 0.6);   -webkit-transition: all 1s ease-in-out;   -moz-transition: all 1s ease-in-out;   -o-transition: all 1s ease-in-out;   transition: all 1s ease-in-out;   z-index: 5;   opacity: 0.2;   cursor: pointer; } .el-carousel .sm-el-card-1 {   height: 65%;   width: 23%;   left: 6%;   bottom: 1%;   z-index: 20; } .el-carousel .sm-el-card-2 {   height: 70%;   width: 25%;   left: 2%;   bottom: 7%;   opacity: 0; } .el-carousel .sm-el-card-3 {   height: 70%;   width: 25%;   left: 2%;   bottom: 7%;   z-index: 20;   opacity: 0.8; } .el-carousel .sm-el-card-4 {   height: 84%;   width: 30%;   left: 35%;   bottom: 14%;   z-index: 20;   opacity: 1;   background: rgba(141, 141, 141, 0.7); } .el-carousel .sm-el-card-5 {   height: 70%;   width: 25%;   left: 73%;   bottom: 7%;   z-index: 20;   opacity: 0.8; } .el-carousel .sm-el-card-6 {   height: 70%;   width: 25%;   left: 73%;   bottom: 7%;   opacity: 0; } .el-carousel .sm-el-card-7 {   height: 65%;   width: 23%;   left: 70.5%;   bottom: 1%; } .el-carousel .sm-el-card-8 {   height: 77%;   width: 27%;   left: 33%;   bottom: 8%; } .el-carousel .sm-el-card-hide {   height: 77%;   width: 27%;   left: 33%;   bottom: 8%;   opacity: 0; } .el-carousel .md-el-card-4 {   height: 57%;   width: 14%;   left: 2%;   bottom: 7%;   z-index: 20;   opacity: 0.6; } .el-carousel .md-el-card-5 {   height: 71%;   width: 16%;   left: 20.5%;   bottom: 11%;   z-index: 20;   opacity: 0.8; } .el-carousel .md-el-card-6 {   height: 84%;   width: 19%;   left: 40.5%;   bottom: 14%;   z-index: 20;   opacity: 1;   background: rgba(141, 141, 141, 0.7); } .el-carousel .md-el-card-7 {   height: 71%;   width: 16%;   left: 63.75%;   bottom: 11%;   z-index: 20;   opacity: 0.8; } .el-carousel .md-el-card-8 {   height: 57%;   width: 14%;   left: 84%;   bottom: 7%;   z-index: 20;   opacity: 0.6; } .el-carousel .md-el-card-9 {   height: 57%;   width: 14%;   left: 84%;   bottom: 7%;   opacity: 0; } .el-carousel .md-el-card-10 {   height: 67%;   width: 15%;   left: 62%;   bottom: 7%; } .el-carousel .md-el-card-1 {   height: 78%;   width: 18%;   left: 38.7%;   bottom: 9.5%; } .el-carousel .md-el-card-2 {   height: 67%;   width: 15%;   left: 18.7%;   bottom: 7%; } .el-carousel .md-el-card-3 {   height: 57%;   width: 14%;   left: 2%;   bottom: 7%;   opacity: 0; } .el-carousel .md-el-card-hide {   height: 78%;   width: 18%;   left: 38.7%;   bottom: 9.5%;   opacity: 0; } .el-carousel .lg-el-card-1 {   height: 78.7%;   width: 15%;   left: 40.5%;   bottom: 10%; } .el-carousel .lg-el-card-2 {   height: 65%;   width: 13%;   left: 23.5%;   bottom: 7%; } .el-carousel .lg-el-card-3 {   height: 52%;   width: 11%;   left: 9%;   bottom: 3%; } .el-carousel .lg-el-card-4 {   height: 33%;   width: 7%;   left: 1%;   bottom: 4%;   z-index: 10;   opacity: 0.4; } .el-carousel .lg-el-card-5 {   height: 57%;   width: 12%;   left: 10%;   bottom: 7%;   z-index: 20;   opacity: 0.6; } .el-carousel .lg-el-card-6 {   height: 71%;   width: 14%;   left: 25%;   bottom: 11%;   z-index: 20;   opacity: 0.8; } .el-carousel .lg-el-card-7 {   height: 84%;   width: 16%;   left: 42%;   bottom: 14%;   z-index: 20;   opacity: 1;   background: rgba(141, 141, 141, 0.7); } .el-carousel .lg-el-card-8 {   height: 71%;   width: 14%;   left: 61%;   bottom: 11%;   z-index: 20;   opacity: 0.8; } .el-carousel .lg-el-card-9 {   height: 57%;   width: 12%;   left: 78%;   bottom: 7%;   z-index: 20;   opacity: 0.6; } .el-carousel .lg-el-card-10 {   height: 33%;   width: 7%;   left: 91.32%;   bottom: 4%;   z-index: 10;   opacity: 0.4; } .el-carousel .lg-el-card-11 {   height: 52%;   width: 11%;   left: 77%;   bottom: 3%; } .el-carousel .lg-el-card-12 {   height: 65%;   width: 13%;   left: 59.5%;   bottom: 7%; } .el-carousel .lg-el-card-hide {   height: 78.7%;   width: 15%;   left: 40.5%;   bottom: 10%;   opacity: 0; } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0422\u0430\u043a \u043a\u0430\u043a \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0430\u044f \u2014 \u0432\u0441\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u043f\u0440\u043e\u0446\u0435\u043d\u0442\u0430\u0445.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0418\u0442\u0430\u043a, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448\u0443 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c angular-way. \u0427\u0442\u043e\u0431\u044b \u043a\u0430\u0436\u0434\u0430\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0438\u043c\u0435\u043b\u0430 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u043e\u0439 \u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u043e\u0439.<\/p>\n<p>  <b>\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0444\u0430\u0431\u0440\u0438\u043a\u0443 <\/b><br \/>  \u0412 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0438 \u0431\u0443\u0434\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0434\u0432\u0430 \u043c\u0430\u0441\u0441\u0438\u0432\u0430:  <\/p>\n<ul>\n<li><b>list<\/b> \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 html-\u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a, <\/li>\n<li><b>action<\/b> \u2014 \u043c\u0430\u0441\u0441\u0438\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443.<\/li>\n<\/ul>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0424\u0430\u0431\u0440\u0438\u043a\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u0432\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 <b>addCard<\/b> \u0438 <b>addAction<\/b>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u044b html-\u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e. \u0424\u0443\u043d\u043a\u0446\u0438\u044f <b>addCard<\/b> \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043d\u0430 \u0432\u0445\u043e\u0434 \u0432\u0442\u043e\u0440\u043e\u0439, \u043d\u0435\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438 true \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442 \u043f\u0440\u043e\u043c\u0438\u0441. \u042d\u0442\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0430 \u043a\u043e\u0441\u0442\u044b\u043b\u044c, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0437\u0436\u0435.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u0442\u043c\u0435\u0447\u0443 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439. \u041d\u0435 \u0443\u0433\u043b\u0443\u0431\u043b\u044f\u044f\u0441\u044c \u0432 \u0434\u0435\u0442\u0430\u043b\u0438, \u0438\u043c\u0435\u043d\u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0435\u043b\u044c\u0437\u044f, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043b\u043e\u043c\u0430\u0435\u0442 \u043a\u043e\u0434 \u043f\u0440\u0438 \u0435\u0433\u043e \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0430\u043d\u0433\u0443\u043b\u044f\u0440\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u2014 \u0432\u043c\u0435\u0441\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438\/\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430\/\u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0441\u0438\u0432, \u043f\u0435\u0440\u0432\u044b\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u044b\u0435 \u0438\u043c\u0435\u043d\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439, \u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u0443\u0436\u0435 \u0441\u0430\u043c\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0441 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u043c\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044f\u043c\u0438. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u043a\u043e\u0434\u0430 \u043d\u0430\u043c \u0443\u0436\u0435 \u043d\u0435 \u0441\u0442\u0440\u0430\u0448\u043d\u0430, \u043e\u0434\u043d\u0430\u043a\u043e \u043d\u0443\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u044b\u0445 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u0442\u044c \u0441 \u043f\u043e\u0440\u044f\u0434\u043a\u043e\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u044e.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u0434 \u0444\u0430\u0431\u0440\u0438\u043a\u0438<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">'use strict';  (function () {   angular.module('carousel')     .factory('card', ['$q', function ($q) {       var list = [],         action = [],         done = $q.defer(); \/\/ \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u043e\u0432\u0443\u044e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443       function addCard(card, last) {         if(typeof card === 'object' && card.length &gt; 0) {           list.push(card);           if(last) { done.resolve(); }         }       } \/\/ \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443       function addAction(foo) {         action.push(foo);       } \/\/ \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434\u044b \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0438 \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a, \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439       return {         addCard: addCard,         addAction: addAction,         list: list,         action: action,         done: done.promise       };     }]); })(); <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <b>\u0414\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 html-\u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a<\/b><br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0422\u0443\u0442 \u0432\u0441\u0435 \u043f\u0440\u043e\u0441\u0442\u043e. \u0414\u043b\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0438\u0437\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0439 \u0441\u043a\u043e\u0443\u043f \u0441 \u0442\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041e\u0442\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430\u0445 \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0438\u043c\u0435\u043d\u0430 \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432. \u041a\u043b\u044e\u0447\u043e\u043c \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 \u0441\u043a\u043e\u0443\u043f\u0430 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0438\u043c\u044f, \u0430 \u0432 \u0435\u0433\u043e \u043f\u043e\u043b\u0435, \u043f\u043e\u0441\u043b\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u0442\u0438\u043f\u0430 \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u043d\u0438\u044f (= ,@, &#038;) \u2014 \u0438\u043c\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u0415\u0441\u043b\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0434\u0432\u043e\u0439\u043d\u043e\u0439, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 last-card, \u0442\u043e \u0432 \u0438\u043c\u0435\u043d\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043e\u043d \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0435 \u0432\u0435\u0440\u0431\u043b\u044e\u0436\u044c\u0435\u0439 \u043d\u043e\u0442\u0430\u0446\u0438\u0438 lastCard.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <b>action<\/b> \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <b>&#038;<\/b> \u2014 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u043d\u0430 \u0432\u0445\u043e\u0434 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u2014 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043a\u043b\u0438\u043a\u0430 \u043f\u043e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0435. <br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b <b>item<\/b> \u0438 <b>last<\/b> \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0447\u0435\u0440\u0435\u0437 <b>=<\/b>, \u0442.\u0435. \u043d\u0430 \u0432\u0445\u043e\u0434 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0437\u0430\u0434\u0430\u043d\u043e \u043a\u0430\u043a \u044f\u0432\u043d\u043e \u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430, \u0442\u0430\u043a \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0441\u043a\u043e\u0443\u043f\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430, \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043e \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439. <br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0414\u0430\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438, \u0430 \u0434\u0435\u043b\u0430\u0435\u043c \u043e\u0434\u0438\u043d \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u043a\u043b\u043e\u043d\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b ng-repeat. \u0412 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <b>item<\/b> \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 <i>ng-repeat<\/i>. \u0412 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <b>last<\/b> \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <i>$last<\/i>, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 <i>ng-repeat<\/i> \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442 <b>true<\/b>, \u0435\u0441\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0438\u0437 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u043c\u043e\u0433\u043e \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0434\u043b\u044f \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u2014 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0414\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f html-\u0448\u0430\u0431\u043b\u043e\u043d\u0430 (\u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b) \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443 <b>transclude<\/b> \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <b>true<\/b>. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432 \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u044e\u0449\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b (<i>link<\/i>) \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u043f\u044f\u0442\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0438\u0437 \u0441\u0435\u0431\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0442\u0440\u0430\u043d\u0441\u043a\u043b\u044e\u0437\u0438\u0438. \u041e\u0442\u043c\u0435\u0447\u0443, \u0447\u0442\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0431\u043e\u043b\u0435\u0435 \u0448\u0438\u0440\u043e\u043a\u043e\u0435, \u043d\u043e \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041d\u0430\u0441\u0442\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u0441\u0442\u044b\u043b\u044f \u0441 \u044f\u0432\u043d\u044b\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f <i>$last<\/i>. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 \u0441 <i>transclude<\/i> \u0432 \u043f\u0430\u0440\u0435 \u0441 <i>ng-repeat<\/i> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438. \u042d\u0442\u043e \u0441\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439: \u043f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c angular \u043a\u043b\u043e\u043d\u0438\u0440\u0443\u0435\u0442 \u0448\u0430\u0431\u043b\u043e\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u0437\u0430\u0442\u0435\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b \u0441 \u043c\u0435\u043d\u044c\u0448\u0438\u043c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u043c, \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435, \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u0438\u0437 \u0441\u043a\u043e\u0443\u043f\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u044f\u0432\u043d\u043e \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e ng-repeat \u0441\u0434\u0435\u043b\u0430\u043b \u0441\u0432\u043e\u0435 \u0434\u0435\u043b\u043e \u2014 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u0434 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">'use strict';  (function () {   angular.module('carousel')     .directive('elCard', ['card', function(card) {       return {         scope: {           action: '&cardAction',           item: '=elCard',           last: '=lastCard'         },         restrict: 'A',         transclude: true,         link: function(scope, elem, attr, ctrl, transclude) { \/\/ \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443           card.addAction(scope.action); \/\/ \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a           transclude(scope, function(item) {             card.addCard(item, scope.last);             elem.remove();           });         }       };     }]); })(); <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <b>\u0414\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438<\/b><br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0414\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 \u0441\u0442\u0440\u043e\u0438\u0442 \u043d\u0430\u0448\u0443 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u043f\u043e \u0438\u043c\u0435\u044e\u0449\u0438\u043c\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c. \u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0438\u043c\u0435\u0435\u0442 \u0442\u0440\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f: \u043d\u0430 3, 5 \u0438\u043b\u0438 7 \u043a\u0430\u0440\u0442 \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u0440\u044f\u0434\u0443. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432\u044b\u0431\u0440\u0430\u043d\u043e 7 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a, \u043d\u043e \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d \u043f\u0440\u043e\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0435\u043c\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <b>elements<\/b> \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u0430\u0440\u0442 \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u043f\u0435\u0440\u0435\u0441\u0447\u0435\u0442\u0430 \u0432\u044b\u0441\u043e\u0442\u044b \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 <b>heihtCoeff<\/b>. <br \/>  &nbsp;&nbsp;&nbsp;\u0414\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u043d\u0430 \u0442\u0440\u0435\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u044f\u0445:  <\/p>\n<ul>\n<li><b>changeHeight<\/b> \u2014 \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0432\u044b\u0441\u043e\u0442\u0443 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b \u044d\u043a\u0440\u0430\u043d\u0430. \u0414\u0430\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u0442\u0430\u0440\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b, \u043d\u043e \u0438 \u043f\u0440\u0438 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u043e\u043a\u043d\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.<\/li>\n<li><b>makeCards<\/b> \u2014 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a. \u0423 \u0434\u0430\u043d\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043d\u044e\u0430\u043d\u0441\u0430:<br \/> \n<ol>\n<li>\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u043c\u0435\u043d\u044c\u0448\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u043e\u0433\u043e \u0434\u043b\u044f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u044e\u0449\u0438\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u0438\u043c\u0435\u044e\u0449\u0438\u043c\u0438\u0441\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438.<\/li>\n<li>\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u043c\u043e\u0433\u043e. \u041b\u0438\u0448\u043d\u0438\u043c \u043a\u0430\u0440\u0442\u0430\u043c \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u0437\u0430\u0434\u043d\u0435\u043c \u0444\u043e\u043d\u0435 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0438 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u0430\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c. \u041f\u043e \u043c\u0435\u0440\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u044d\u0442\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u043c\u0435\u0441\u0442\u0430\u043c\u0438 \u0441 \u0443\u0436\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c\u0438 \u0438 \u0442\u0430\u043a \u043f\u043e \u043a\u0440\u0443\u0433\u0443.<\/li>\n<\/ol>\n<p>  <\/li>\n<li><b>moveCards<\/b> \u2014 \u043a\u0430\u0436\u0434\u043e\u0439 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0435 \u043f\u0440\u0438\u0441\u0432\u043e\u0435\u043d\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u0430 ng-class, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u0438\u043c\u044f \u043a\u043b\u0430\u0441\u0441\u0430 \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439. \u0412 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0441\u0435 \u043a\u043b\u0430\u0441\u0441\u044b, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0449\u0438\u0435 \u043c\u0435\u0441\u0442\u043e\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a, \u0437\u0430\u043d\u0435\u0441\u0435\u043d\u044b \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u0441\u0442\u0440\u043e\u043a\u043e\u0432\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u0441\u0435\u0433\u043e \u043b\u0438\u0448\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u00ab\u043e\u0447\u0435\u0440\u0435\u0434\u0438\u00bb \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 <b>shift<\/b> \u0438 <b>push<\/b>.<\/li>\n<\/ul>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0414\u043b\u044f \u043f\u0440\u0438\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0432 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 <b>runCarousel<\/b> \u0438 <b>stopCarousel<\/b>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442 <i>moveCards<\/i> \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 <b>$interval<\/b>. \u041f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443 <b>$interval<\/b> \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u0440\u0430\u0431\u043e\u0442\u0443, \u0430 css \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e <b>transition<\/b> \u2014 \u043d\u0435\u0442, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0441\u0431\u043e\u044f\u043c \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u0430\u0440\u0442 \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d\u044b \u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c \u0441\u043c\u0435\u043d\u044b \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430. \u041f\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b \u043d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u043e\u0442\u0432\u044f\u0437\u0430\u0442\u044c \u0432\u0441\u0435\u0445 \u0441\u043b\u0443\u0448\u0430\u0442\u0435\u043b\u0435\u0439.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043a\u043e\u0434 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"javascript\">'use strict';  (function () {   angular.module('carousel')     .directive('elCarousel', ['$window', '$compile', '$interval', 'card', function($window, $compile, $interval, card) {       return {         scope: {           elements: '=elCarousel'         },         restrict: 'A',         link: function($scope, elem) {           var cards = [],             action = [],             heightCoeff = ($scope.elements === 3) ? 2 : ($scope.elements === 5) ? 3.3 : 3.96,             cardAmount = ($scope.elements === 3) ? 8 : ($scope.elements === 5) ? 10 : 12;           $scope.card = []; \/\/ \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u043b\u0430\u0441\u0441           elem.addClass('el-carousel'); \/\/ \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0434\u043b\u044f \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 ng-repeat           function preStartActions() {             if(card.list.length &lt; 1) { return; }             cards = card.list;             action = card.action;             makeCards();           }           preStartActions();           card.done.then(preStartActions); \/\/ \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0448\u0438\u0440\u0438\u043d\u044b           function changeHeight() {             var carouselWidth = elem.width(),               carouselHeight = carouselWidth \/ heightCoeff;             elem.css('height', carouselHeight);           }           angular.element($window).bind('resize', changeHeight);           changeHeight(); \/\/ \u0441\u043e\u0437\u0434\u0430\u0435\u043c DOM \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u0440\u0442\u043e\u0447\u0435\u043a \u0438\u0437 \u043c\u0430\u0441\u0441\u0438\u0432\u0430           function makeCards() {             elem.empty();             var k = 0,               cardNumber = (cards.length &gt; cardAmount) ? cards.length : cardAmount,               numClass  = (cardAmount === 8) ? 'sm-' : (cardAmount === 10) ? 'md-' : 'lg-';             for(var i = 0; i &lt; cardNumber; i++) {               var div = angular.element('&lt;div ng-click=&quot;cardAction' + i +                 '()&quot; class=&quot;el-card&quot; ng-class=&quot;card[' + i + ']&quot;&gt;&lt;\/div&gt;');               if(i &lt; cards.length) {                 div.append(cards[i].clone());                 $scope['cardAction' + i] = action[i];               } else {                 div.append(cards[k].clone());                 $scope['cardAction' + i] = action[k];                 k = (k &gt; cards.length - 2) ? 0 : k + 1;               }               $scope.card[i] = (i &lt; cardAmount) ? numClass + 'el-card-' + (i + 1) : numClass + 'el-card-hide';               $compile(div)($scope);               elem.append(div);             }           } \/\/ \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u043e\u0447\u0435\u0440\u0435\u0434\u0438           function moveCards() {             var lastElem = $scope.card.shift();             $scope.card.push(lastElem);           } \/\/ \u0441\u0442\u0430\u0440\u0442\/\u0441\u0442\u043e\u043f \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043e\u043a\u043d\u0430           var moveInterval;           runCarousel();           angular.element($window).bind('blur', stopCarousel);           function stopCarousel() {             $interval.cancel(moveInterval);           }           angular.element($window).bind('focus', runCarousel);           function runCarousel() {             moveInterval = $interval(moveCards, 2000);           }           elem.bind('$destroy', function () {             $interval.cancel(moveInterval);             angular.element($window).unbind('blur', stopCarousel);             angular.element($window).unbind('focus', runCarousel);             angular.element($window).unbind('resize', changeHeight);           });         }       };     }]); })(); <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430\u0442\u0435 \u043d\u0430\u0448 <b>html \u043a\u043e\u0434<\/b> \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c  <\/p>\n<pre><code class=\"html\"> &lt;div el-carousel=&quot;7&quot;&gt;   &lt;div ng-repeat=&quot;card in cardList&quot; el-card=&quot;card&quot; card-action=&quot;someAction(someParam)&quot; last-card=&quot;$last&quot;&gt;     &lt;span&gt;{{card.name}}&lt;\/span&gt;     &lt;img class=&quot;image image-1&quot; ng-src={{card.img}} alt={{card.alt}}\/&gt;   &lt;\/div&gt;   &lt;div el-card card-action=&quot;otherAction(otherParam)&quot;&gt;     &lt;img class=&quot;image image-2&quot; src=&quot;\/app\/ru\/main\/img\/js.png&quot; alt=&quot;javascript&quot;\/&gt;   &lt;\/div&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b, \u0442\u0430\u043a \u0438 \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <i>ng-repeat<\/i>, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a\u043e\u043c\u0431\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u0432\u043c\u0435\u0441\u0442\u0435.<\/p>\n<p>  <i>\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0432\u0441\u0435\u043c \u0443\u0434\u0430\u0447\u0438.<\/i>     \t<\/p>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/261847\/\"> http:\/\/habrahabr.ru\/post\/261847\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>     \t<i>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445.<\/i><br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u043a\u0430\u0436\u0434\u044b\u0439 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 web-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u0440\u0438\u0432\u0443\u044e, \u0441 \u043a\u0443\u0447\u0435\u0439 \u043a\u043e\u0441\u0442\u044b\u043b\u0435\u0439, \u043d\u043e \u0441\u0432\u043e\u044e \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c. \u0412\u043e\u0442 \u0438 \u043d\u0430\u0441\u0442\u0430\u043b\u043e \u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f.<br \/>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>\u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c<\/b> \u2014 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 web-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043b\u0430\u0439\u0434\u044b \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/post_images\/fcd\/c9f\/943\/fcdc9f943009174da539d731b8fba0c2.gif\" alt=\"\u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438\"\/>  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-260739","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/260739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=260739"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/260739\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=260739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=260739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=260739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}