Angular: Não é possível vincular a 'original', pois não é uma propriedade nativa conhecida

Criado em 16 fev. 2016  ·  3Comentários  ·  Fonte: angular/angular

Olá a todos:
Eu quero adicionar jquery_lazyload no meu projeto

dependências:
"angular2": "2.0.0-beta.3",
"jquery-lazyload": "1.9.7"

Código HTML:

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

mas lança exceção:

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

Se eu remover "{{page}}" do img.data-original, o código funcionará bem.

Como posso lidar com isso? por favor me ajude.

Comentários muito úteis

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

Veja: https://github.com/angular/angular/issues/4438

Todos 3 comentários

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

Veja: https://github.com/angular/angular/issues/4438

Obrigado, funciona bem.

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

Este problema foi bloqueado automaticamente devido à inatividade.
Registre um novo problema se você estiver encontrando um problema semelhante ou relacionado.

Leia mais sobre nossa política de bloqueio automático de conversas .

_Esta ação foi realizada automaticamente por um bot._

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

wfalkwallace picture wfalkwallace  ·  3Comentários

robwormald picture robwormald  ·  3Comentários

aquinum6 picture aquinum6  ·  3Comentários

pkozlowski-opensource picture pkozlowski-opensource  ·  3Comentários

wardbell picture wardbell  ·  3Comentários