Angular: 'рдореВрд▓' рд╕реЗ рдЖрдмрджреНрдз рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдПрдХ рдЬреНрдЮрд╛рдд рдореВрд▓ рд╕рдВрдкрддреНрддрд┐ рдирд╣реАрдВ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 16 рдлрд╝рд░ре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: angular/angular

рд╣реЗрд▓реЛ рд╕рдм рд▓реЛрдЧ:
рдореИрдВ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ jquery_lazyload рдЬреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ

рдирд┐рд░реНрднрд░рддрд╛:
"рдХреЛрдгреАрдп 2": "2.0.0-рдмреАрдЯрд╛.3",
"jquery-lazyload": "1.9.7"

HTML рдХреЛрдб:

<div *ngFor="#page of pages">
   <img class="lazy" data-original="http://i-digi-sign.appspot.com{{page}}.jpg" width="595" height="842">
</div>

рд▓реЗрдХрд┐рди рдпрд╣ рдЕрдкрд╡рд╛рдж рдлреЗрдВрдХ рджреЗрддрд╛ рд╣реИ:

Error: Template parse errors:
Can't bind to 'original' since it isn't a known native property (""595" height="842" style="margin-top: 10px;">-->

                                <img class="lazy" [ERROR ->]data-original="http://i-digi-sign.appspot.com{{page}}.jpg" width="595" height="842" style="margin-top"): TemplateEditComponent<strong i="15">@76</strong>:50
    at new BaseException (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2.dev.js:7325:21)
    at TemplateParser.parse (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2.dev.js:23440:15)
    at http://127.0.0.1:8888/node_modules/angular2/bundles/angular2.dev.js:24136:54
    at Zone.run (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:1243:24)
    at Zone.run (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2.dev.js:13408:32)
    at zoneBoundFn (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:1220:26)
    at lib$es6$promise$$internal$$tryCatch (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:468:17)
    at lib$es6$promise$$internal$$invokeCallback (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:480:18)
    at lib$es6$promise$$internal$$publish (http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:451:12)
    at http://127.0.0.1:8888/node_modules/angular2/bundles/angular2-polyfills.js:123:10

рдЕрдЧрд░ рдореИрдВ "{{рдкреГрд╖реНрда}}" рдХреЛ img.data-original рд╕реЗ рд╣рдЯрд╛ рджреВрдВ, рддреЛ рдХреЛрдб рдареАрдХ рд╕реЗ рдХрд╛рдо рдХрд░реЗрдЧрд╛ред

рдореИрдВ рдЗрд╕рд╕реЗ рдХреИрд╕реЗ рдирд┐рдкрдЯ рд╕рдХрддрд╛ рд╣реВрдВ? рдХреНрд░рд┐рдкреНрдпрд╛ рдореЗрд░рд┐ рд╕рд╣рд╛рдпрддрд╛ рдХрд░реЗред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

<img [attr.data-original]="expr">

рджреЗрдЦреЗрдВ: https://github.com/angular/angular/issues/4438

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

<img [attr.data-original]="expr">

рджреЗрдЦреЗрдВ: https://github.com/angular/angular/issues/4438

рдзрдиреНрдпрд╡рд╛рдж, рдпрд╣ рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

<img class="lazy" attr.data-original="http://i-digi-sign.appspot.com{{page}}.jpg" width="595" height="842">
...

рдирд┐рд╖реНрдХреНрд░рд┐рдпрддрд╛ рдХреЗ рдХрд╛рд░рдг рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЕрдкрдиреЗ рдЖрдк рд▓реЙрдХ рд╣реЛ рдЧрдИ рд╣реИред
рдпрджрд┐ рдЖрдк рд╕рдорд╛рди рдпрд╛ рд╕рдВрдмрдВрдзрд┐рдд рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ рддреЛ рдХреГрдкрдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рджрд░реНрдЬ рдХрд░реЗрдВред

рд╣рдорд╛рд░реА рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд╡рд╛рд░реНрддрд╛рд▓рд╛рдк рд▓реЙрдХрд┐рдВрдЧ рдиреАрддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдкрдврд╝реЗрдВред

_рдпрд╣ рдХреНрд░рд┐рдпрд╛ рдХрд┐рд╕реА рдмреЙрдЯ рджреНрд╡рд╛рд░рд╛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдХреА рдЧрдИ рд╣реИред_

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

escardin picture escardin  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

deepakgd picture deepakgd  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alxhub picture alxhub  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

lsim picture lsim  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

gugamm picture gugamm  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ