Angular 指令从元素中删除原始属性

标签 angular angular2-directives angular-directive

在某些元素上添加指令时(例如 img),如果该指令具有来自它的某些属性 @Input()(例如 src), 原始属性将被 ng-reflect-* 更改(例如 ng-reflect-src)并且图像将永远不会显示,因为没有 src 属性。

它只会在它的 src 必须被评估时发生,不会发生在固定的 url 上!

这是预期的行为还是错误?有可能让它发挥作用吗? (目前我正在通过使用 srcsource 并仅将 source 作为指令的输入来解决它。)

示例可以在下面的 plnkr 上看到(应该显示两张图片,但只有一张):https://plnkr.co/edit/5AjZPeyEfd6IOqxQp3kq?p=preview

最佳答案

我认为这是有意的行为。

可能的解决方法如下

@HostBinding() @Input() src: string;

Plunker Example

关于Angular 指令从元素中删除原始属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44290049/

相关文章:

angularjs - 我如何验证 Angular 多选?

javascript - event.preventDefault() 或 event.stopPropagation() 不适用于 keyUp 事件

angular - 如何将 HMR 与 SASS 和 ng2 样式加载一起使用?

angular 4 - 从父组件 html 调用子组件函数

angular - 无法使用 img ng-src(无法绑定(bind)到 ng-src,因为它不是 img 的已知属性)

javascript - Angular - ui-router - 指令 - 获取指令的偏移量/位置

javascript - 使用 1 个数组条件和外部 bool 条件过滤数组

angular - 避免 Angular Material Autocomplete display mat-options 当它为空时

*ngIf 按钮重新出现后,Angular sidenav.toggle() 不起作用

angularjs - ngClass 没有正常工作