java设置组件不可用,路径子组件的Angular 4表单属性在呈现视图时不可用

最新推荐文章于 2021-03-16 09:39:06 发布
最新推荐文章于 2021-03-16 09:39:06 发布
阅读量62 收藏
点赞数
文章标签： java设置组件不可用

我们正在创建一个小的Angular app poc(角度4.2.4，bootrap 4.0.0-beta2，ng-bootstrap 1.0.0-beta6，typescript 2.3.3) .

该应用程序将以模板驱动的形式显示用户数据 . 设置路由，以便在导航到localhost：4200时默认加载父组件 . 这个父组件有一个side-nav子组件，以及一个带有 的内容区域，其中子组件显示取决于在side-nav上做出的选择 - 非常简单(参见下面的代码片段) . 每个子组件应在表单中显示用户数据的特定部分 .

当应用程序启动时，父级的 ngOnInit 方法使用服务来调用 endpoints 以一次性检索所有用户数据 . 这一切都很好 - 服务是在角度巡回英雄服务之后建模的，我们有这方面的经验 . 我还想使用共享服务来保持这个检索到的用户，这样子组件就不必在每次显示时都获取它 . 我've provided this shared service once in the app' s @NgModule . 当创建第一个子组件以显示在父_2978453中时，自己的_2978454被调用，其中我尝试在调用父亲的 ngOnInit 时检索我刚刚放在服务上的User对象 .

父模板：

parent ngOnInit：

ngOnInit(): void {

this.userService.getUser(1)

.then(user => this.userService.currentUser = user);

}

孩子ngOnInit：

ngOnInit() {

this.currentUser = this.userService.currentUser;

}

我相信我知道_2978459知道如何解决 . 如果错误请纠正我 . 由于父级的 ngOnInit 正在努力解决一个承诺，因此检索用户并将其置于服务上是异步操作 . ngOnInit 完成并继续执行其承诺代码 . 同时，很快，子组件的 ngOnInit 被调用，因为它是父组件的默认子路由 . 它期望User对象在服务上可用，并尝试检索它 . 由于我已完成，因此异步承诺代码尚未完成将User对象放在服务上 - 因此未定义的数据和错误 .

现在我的服务没有使用"the Angular way"使用Subject来处理共享数据 . 我一开始就是这样做的，但无论如何我都没有做出任何改变 . 另外，我需要为每个子路线使用不同的解析器 - 但不确定 . 否则，似乎我可能需要检索每个子组件的 ngOnInit 方法中的数据，我觉得使用共享服务会帮助我避免 .

在呈现页面之前，确保子组件属性值设置的最佳或首选方法是什么？

weixin_39525313
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java 按钮不可用_java – 如何使按钮不可点击
weixin_39943442的博客
02-12 1835
参见英文答案 >How to set a Button gray and unclickable?3个所以现在我无法在活动的最后一页上使下一个按钮无法点击.截至目前,它可以追溯到第一个屏幕.我如何制作它,以便它知道何时灰显按钮或在用户到达最后一个屏幕时使其无法点击.这是我的代码：public class ReadingA...
angular4 共享服务在多个组件中数据通信的示例
08-27
在Angular4中，数据通信是应用开发中必不可少的一部分。组件之间的通信可以有多种方式，如输入属性（@Input）、输出属性（@Output）、事件发射、服务共享等。本篇文章主要探讨的是通过共享服务来实现在多个组件之间...
java设置组件不可用,从具有forRoot选项的共享模块导出的组件和模块在延迟加载的模块中不可用...
weixin_39934302的博客
03-16 65
目前的行为我从'@angular/core'导出CommonModule，从SharedModule导出一些可重用的自定义组件和自定义服务作为静态forRoot：ModuleWithProviders . 我通过调用forRoot函数在AppModule中导入SharedModule . 现在，SharedModule导出的所有模块和组件都可以在AppModule中使用，我可以在AppCompon...
java控件禁用,html表单控件禁用属性：readonly VS disabled【转】
weixin_32187075的博客
03-10 190
在html中有两种禁用表单提交的方法，他们分别是：1.给控件标签加上readonly='readonly'属性2.给控件标签加上disabled='disabled'属性例如:举例中的两个控件都是不可修改的。但是他们也有一些区别！从字面意思我们可以知道，试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢？只读的控件(使用了readonly属性的...
Vue2.5学习笔记（二）深入了解组件
Zijeak的博客
09-08 3969
1.组件使用的细节 1.2 子标签内使用组件 假设想在表格便签内使用一个组件作为行，直接使用组件是不行的，原因在于tbody内只能放tr便签，否则浏览器就会将tbody内的标签解析到外面，从而导致结构的错乱。 为了解决这个问题，我们可以使用is特性，将is特性设置为组件名称，这样既保证了tbody和tr之间的层级关系，也使用了组件。 1.2 非根组件的data必须是一个函数 一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。 1.3 在Vue中操作DOM：使用ref
使用JS将表单组件置为不可用
softmaker_tao的专栏
12-07 704
使用javascript将表单组件置为不可用，貌似有很多人都不知道如何操作，给大家献丑了，让我们向勤劳的人们致敬。 New Document var changeCnt = 1; function changeSelect(){ if(changeCnt >= 3){ alert('您已变更了 3 次营业厅，不能再变更了！'); d
angular5 子组件监听父组件传入值的变化方法
10-17
今天小编就为大家分享一篇angular5 子组件监听父组件传入值的变化方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Angular父组件调用子组件的方法
08-27
在本文中，我们将深入探讨Angular组件——父组件调用子组件方法，并为读者提供了详细的实现步骤和代码示例。 一、什么是Angular组件？ Angular组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序...
angular4自定义组件详解
08-29
Angular 4 自定义组件详解 Angular 4 中的自定义组件是指开发者可以根据需要创建的组件，以满足特定的业务需求。自定义组件的优点是可以提高代码的重用性和灵活性，使得开发效率和代码维护性大大提高。 一、自定义...
Angular 4根据组件名称动态创建出组件的方法教程
08-28
在Angular 4中，动态创建组件是一项强大的功能，它允许我们根据组件名称在运行时创建组件实例。这对于构建可扩展的、高度灵活的应用程序非常有用，例如创建动态表单、弹出对话框或自定义视图。以下是关于Angular 4...
java 控件名称不可用_java swing disable所以控件
weixin_39934640的博客
02-27 315
for (Component co : up.getContentPane().getComponents()){System.out.println(co.getClass().toString()); //得到co的类型if (co.getClass().toString().toLowerCase().contains("jpanel")){for (Component control : ...
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]HTTP代理服务器开发与实现.zip
07-27
[毕设]HTTP代理服务器开发与实现
PyQt5-5.15.11-cp38-abi3-win32.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
jupyterlab_broccoli_turtle-0.4.7-py3-none-any.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pillow-10.4.0-cp311-cp311-win32.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pi_heif-0.17.0-cp38-cp38-macosx_12_0_x86_64.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
07-27
asp代码ASP+ACCESS网上聊天室毕业设计(源代码+论文+开题报告+任务书+答辩PPT)
PySizer-1.0.0-py3-none-any.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
父组件调用子组件方法刷新子组件数据，子组件视图不更新如何处理
07-21
在子组件中，使用 `OnChanges` 生命周期钩子来监听输入属性的变化，并在变化时更新子组件的视图。 2. 使用 `ChangeDetectorRef` 手动触发变更检测：在子组件中注入 `ChangeDetectorRef` 服务，并调用其 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值