问题标签 [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.
angular - Angular 组件不会对布尔属性更改做出反应
我在组件初始化中订阅了事件发射器
this.linksService.droppableZoneActivation
- 布尔事件发射器。我收到发出的值,从假变为真,反之亦然。这是使用该值的组件模板:
组件this.activated
只对更改做出两次反应。有时它根本没有反应。有什么问题?通过调用其他组件的方法从服务中发出值。
angular - SafeValue 必须使用 [property]=binding 虽然我已经在使用属性绑定
我有以下带有属性绑定的 HTML:
在我的组件中,我现在用这行代码添加了一些内容
但是我仍然收到此错误“SafeValue 必须使用 [property]=binding”。
为什么我会收到此错误?我已经在使用属性绑定了!我正在使用 Angular 5。
编辑:我尝试在 HTML 中使用自定义管道,效果很好,但我想要一个没有管道的解决方案。
编辑2:
这是我设置 HTML 的函数,也许它有帮助。一个完整的工作示例是不可能的,因为我的应用程序处理命令行工具和输出流(我在电子框架中有 Angular)
angular - @从“参数”组件输入数据;没有用于属性绑定的选择器标记
所以我在这里有点吃不消。
我有一个 ArtistsComponent,它显示了一群音乐艺术家。当你点击一个 img 时,它会路由到一个 ArtistPageComponent:
此外,这里也是组件的路径
艺术家
HTML
组件.Ts
这是 ArtistPageComponent 代码:
ARTISTPAGE
HTML
组件.Ts
如果没有组件选择器,我真的不知道如何为输入绑定属性。所以我在想,一旦你点击一个img,获取与该艺术家关联的数据并将其输入ArtistPageComponent。如果这是正确的方法,我只是不知道如何执行它。
对于它的价值,这里是数据服务的一部分。
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
angular - 样式属性中的角度字符串插值不起作用
真的挂了一段时间......这不应该工作吗?
我无法在堆栈片段或 Codepen 中重现,因为它的角度特定。
我已经尝试了这个线程的建议,但无济于事:
https://github.com/angular/angular/issues/8745 https://github.com/angular/angular/issues/8491 https://github.com/angular/angular/issues/8514
这可能是因为我不明白在这种情况下我会将“安全”管道放在哪里。谢谢。
模板上下文:
angular - 无法绑定到“pickerType”,因为它不是“owl-date-time”的已知属性
owl-date-time pickerType 属性不适用于 Angular 4。
无法绑定到“pickerType”,因为它不是“owl-date-time”的已知属性。
npm:ng-pick-datetime-highlight
无法导入模块 OwlDateTimeModule
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
来自控制台的错误消息:
angular - Angular [disabled]="MyBoolean" 不工作
我有一些输入(复选框),如果我的布尔值为真,我希望它们被禁用。但它不起作用......有趣的是提交按钮工作得很好,那是相同的方法......
我的组件.html
我的组件.ts
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 代码:
我面临的问题:
- 当我运行它时我的程序窗口
- 最大化窗口
- 当我将其调整为默认大小时,问题发生了,图像没有按预期调整大小
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我终于在其中检索并显示收到的数据