问题标签 [property-binding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
140 浏览

angular - Angular 组件不会对布尔属性更改做出反应

我在组件初始化中订阅了事件发射器

this.linksService.droppableZoneActivation- 布尔事件发射器。我收到发出的值,从假变为真,反之亦然。这是使用该值的组件模板:

组件this.activated只对更改做出两次反应。有时它根本没有反应。有什么问题?通过调用其他组件的方法从服务中发出值。

0 投票
1 回答
7433 浏览

angular - SafeValue 必须使用 [property]=binding 虽然我已经在使用属性绑定

我有以下带有属性绑定的 HTML:

在我的组件中,我现在用这行代码添加了一些内容

但是我仍然收到此错误“SafeValue 必须使用 [property]=binding”。

为什么我会收到此错误?我已经在使用属性绑定了!我正在使用 Angular 5。

编辑:我尝试在 HTML 中使用自定义管道,效果很好,但我想要一个没有管道的解决方案。

编辑2:

这是我设置 HTML 的函数,也许它有帮助。一个完整的工作示例是不可能的,因为我的应用程序处理命令行工具和输出流(我在电子框架中有 Angular)

0 投票
0 回答
26 浏览

angular - @从“参数”组件输入数据;没有用于属性绑定的选择器标记

所以我在这里有点吃不消。

我有一个 ArtistsComponent,它显示了一群音乐艺术家。当你点击一个 img 时,它会路由到一个 ArtistPageComponent:

此外,这里也是组件的路径

艺术家

HTML

组件.Ts

这是 ArtistPageComponent 代码:

ARTISTPAGE

HTML

组件.Ts

如果没有组件选择器,我真的不知道如何为输入绑定属性。所以我在想,一旦你点击一个img,获取与该艺术家关联的数据并将其输入ArtistPageComponent。如果这是正确的方法,我只是不知道如何执行它。

对于它的价值,这里是数据服务的一部分。

0 投票
1 回答
122 浏览

angular - 属性绑定到样式

我有一个显示图像的 for 循环。该图像是其容器的背景图像。

图像在 for 循环的每次迭代中都会发生变化。

编码:

保存图像的代码:

但我不确定如何将背景图像 url 值与图像位置绑定。

我试过了

style=" background-image: url({{room.image[0]}});">失败了

[style]=" background-image: url(room.image[0]);">这也失败了

[style.background-image]="url(room.image[0])"也失败了

[ngStyle]="{'background-image': 'url('room.image[0]')'}"失败的

建议?

目前正在查看此页面以查看是否可以找到答案:https ://www.concretepage.com/angular-2/angular-2-ngstyle-and-style-binding-example

0 投票
1 回答
1773 浏览

angular - 样式属性中的角度字符串插值不起作用

真的挂了一段时间......这不应该工作吗?

我无法在堆栈片段或 Codepen 中重现,因为它的角度特定。

我已经尝试了这个线程的建议,但无济于事:

https://github.com/angular/angular/issues/8745 https://github.com/angular/angular/issues/8491 https://github.com/angular/angular/issues/8514

这可能是因为我不明白在这种情况下我会将“安全”管道放在哪里。谢谢。

模板上下文:

0 投票
1 回答
5594 浏览

angular - 无法绑定到“pickerType”,因为它不是“owl-date-time”的已知属性

owl-date-time pickerType 属性不适用于 Angular 4。

无法绑定到“pickerType”,因为它不是“owl-date-time”的已知属性。

npm:ng-pick-datetime-highlight

无法导入模块 OwlDateTimeModule

0 投票
1 回答
296 浏览

ionic-framework - 无法绑定属性。@Input 失败的赌注。父子组件

我在将属性从父级绑定到子级时遇到困难

这是我的home.ts(父母)

home.html

这是我的new.ts(子组件)

  • 此问题来自未识别为当前组件上的已知属性的 new-obj。那个怎么样?

    从'@angular/core'导入{组件,输入};

    /**

    • 为 NewComponent 组件生成的类。*
    • 有关Angular 的更多信息,请参阅https://angular.io/api/core/Component
    • 成分。*/ @Component({ selector: 'new', templateUrl: 'new.html' }) 导出类 NewComponent {

      @Input('new-name') 名称:字符串;@Input('new-obj') myObj:any;

      文本:字符串;

      constructor() { console.log('Hello NewComponent 组件'); this.text = 'Hello World'; }

    }

新的.html

来自控制台的错误消息:

由 home.html 生成的错误消息,尽管 **new** 组件上确实存在属性“new-obj”

0 投票
8 回答
108108 浏览

angular - Angular [disabled]="MyBoolean" 不工作

我有一些输入(复选框),如果我的布尔值为真,我希望它们被禁用。但它不起作用......有趣的是提交按钮工作得很好,那是相同的方法......

我的组件.html

我的组件.ts

0 投票
1 回答
659 浏览

javafx - javafx imageview heightProperty绑定不起作用

作为一个新手,我在开发一个用于图像查看的演示 JavaFX 程序时遇到了问题。在这里,我在 BorderPane 中心位置有一个 ImageView,它用 StackPane 和 VBox 包裹。StackPane 总是随 VBox 一起增长,并且我将 ImageView 与 StackPane Width 和 Height 属性绑定,这样当我调整窗口大小时,我的 ImageView 将改变它的 setFitHeight 和 Weight。它可以正常工作,但问题是当窗口从最大值调整大小时,图像不会调整其高度。我发现 StackPane 的 heightProperty 更改侦听器没有调用。所以我要解决这个问题来归档我的目标。?是某种 JavaFX 错误还是我缺乏知识?

这是我用于图像视图的 fxml 代码:

我将 ImageView 与 StackPane 绑定的 java 代码:

我面临的问题:

  1. 当我运行它时我的程序窗口

当我运行它时我的程序窗口

  1. 最大化窗口

最大化窗口

  1. 当我将其调整为默认大小时,问题发生了,图像没有按预期调整大小

当我将其调整为默认大小时,问题发生了,图像没有按预期调整大小

0 投票
0 回答
421 浏览

angular - @Input 角度未定义

我有一个由三个组件组成的树,我在其中使用属性绑定从后端传递 json 数据,尽管它会显示出来,但我总是在控制台中遇到错误

无法在 ListCategoryComponent.ngOnInit 处读取 null 的属性“id”

我尝试了类似线程的答案,以在 List-category.component.ts (ngOnChanges 和 AfterContentInit)中使用不同的生命周期挂钩,但仍然无法正常工作。

List.component.html - 我从后端检索 JSON 并将其传递到其子Forum-list-section.component

List-section.component.ts - 然后从部分中提取类别并将其进一步向下传递

列表-section.component.html

List-category.component.ts我终于在其中检索并显示收到的数据