-
7 votesanswersviews
Angular将多个模板传递给Component
我正在尝试创建一个接受多个模板作为输入的组件 . 这是我的例子： @Component({ selector: 'data-list', styles: [ require('./data-list.component.scss') ], template: ` <ng-template *ngFor=&... -
6 votesanswersviews
访问* ngIf中的模板变量
我试图在元素上定义模板变量并使用其隐藏属性来识别元素是否实际存在于DOM中，然后基于该元素显示另一个元素 . 但是如果有结构指令，模板变量似乎不会返回值 . <hr class="divider" *ngIf="true" #divi> <div *ngIf="showResendWelcomeEmailButton"&... -
15 votesanswersviews
Angular - ng-template，其中ngIf内的参数在ngFor [duplicate]内
这个问题在这里已有答案： Passing ngFor variable to an ngIf template 3个答案 我正在尝试构建此模板： <ul> <li *ngFor='let link of links'> <ng-container *ngIf="link.type == 'complex'; then comple... -
5 votesanswersviews
如何从* ngIf将上下文传递给Angular 5模板
Angular的NgTemplateOutlet允许您将上下文传递给出口以进行属性绑定 . <ng-container *ngTemplateOutlet="eng; context: {$implicit: 'World'}"></ng-container> <ng-template #eng let-name><span>He... -
0 votesanswersviews
Angular ngif模板参考
我有一个ngif - else条件来显示 #input1 或 #input2 . 然后在一个ngif中包含一组字段 #fieldset ，其条件是 #input1 或 #input2 具有使用模板引用的值 . 这失败为ng-if creates its own subtemplate，"hiding" #input1 和 #input2 . 我不想在if和else块中... -
-1 votesanswersviews
输出/渲染模板在多个位置，与ngIf条件分开
在Angular模板中说我想根据某些条件选择渲染嵌入视图的位置（ <ng-template> ） . <ng-template #foo> Hello World. </ng-template> <p *ngIf="isBar; else baz"> Bar: <!-- Want to insert #foo h... -
7 votesanswersviews
错误：可以't bind to ' ngForIn' . Angular 4
这个问题已经说过，但不幸的是没有答案对我有用 . 这是我的问题（角5）： <option *ngFor="let country in countries" [value]="country.id" > {{'page.choose_country' | translate}} * </option>... -
42 votesanswersviews
加载相对templateUrl
我一直在努力寻找创建模块化，可扩展角度应用程序的最佳方法 . 我非常喜欢像angular-boilerplate，angular-app这样的项目的结构，其中所有相关文件按部分和指令的特征组合在一起 . project |-- partial | |-- partial.js | |-- partial.html | |-- partial.css | |-- partial.sp... -
388 votesanswersviews
如何使用* ngIf else？
我正在使用Angular，我希望在此示例中使用 *ngIf else （自版本4起可用）： <div *ngIf="isValid"> content here ... </div> <div *ngIf="!isValid"> other content here... </div> 如何用 ngI... -
179 votesanswersviews
带有用户单击所选组件的Angular动态选项卡
我正在尝试设置一个标签系统，允许组件自己注册（带 Headers ） . 第一个选项卡就像一个收件箱，有很多动作/链接项可供用户选择，每个点击都应该能够在点击时实例化一个新组件 . 动作/链接来自JSON . 然后，实例化的组件将自己注册为新选项卡 . 我不确定这是否是“最佳”方法？ Sofar我见过的唯一指南是静态标签，这没有帮助 . 到目前为止，我只有在主要引导程序中的标签服务在整个应用程序中... -
179 votesanswersviews
带有用户单击所选组件的Angular动态选项卡
我正在尝试设置一个标签系统，允许组件自己注册（带 Headers ） . 第一个选项卡就像一个收件箱，有很多动作/链接项可供用户选择，每个点击都应该能够在点击时实例化一个新组件 . 动作/链接来自JSON . 然后，实例化的组件将自己注册为新选项卡 . 我不确定这是否是“最佳”方法？ Sofar我见过的唯一指南是静态标签，这没有帮助 . 到目前为止，我只有在主要引导程序中的标签服务在整个应用程序中... -
0 votesanswersviews
Angular6：click函数只在某些时候有效
我在我的角应用程序中使用了element.scrollIntoView（） . 当我的点击功能工作时，我正在获取所需的元素 . 我的TS文件： elem1; elem2; ngOnInit() { this.elem1 = document.getElementById('elem1'); this.elem2 = document.getElementById('ele... -
0 votesanswersviews
使用Angular 6 ngFor，如何在与其他数据数据进行比较时更改某些内容？
我正在创建购物车 . 我有产品数据的对象数组和购物车项目数据的数组 . 我尝试构建按钮购买项目，有条件按钮，如果相同的产品在购物车数据，然后需要显示'+ 3 -'（数量来自购物车数据的Id），如果产品不在购物车，然后只需显示'buy'按钮 . 我在https://stackblitz.com/edit/angular-267ern上实现的这个相关问题 . 我尝试解决： 管道， trackB... -
0 votesanswersviews
Angular - 无法读取未定义的属性'employees'
我试图在多维数组中使用* ngFor angular指令显示一些数据 . 第一个ngFor进展顺利，但我在第三个ngFor上出错： 无法读取未定义的属性“员工” 这意味着我的第二个ngFor正在生成和未定义 employee 变量 . 为什么会这样？ 我究竟做错了什么 ？ “alphas”数组是链接到此模板的类的私有属性，包含1个字母“B”的值以及“workplaces”数组中的至少一个工作区... -
3 votesanswersviews
有没有办法获得Angular *组件的HTML模板？
我正在尝试创建一个共享Angular组件库，以便在许多不同的Web项目中使用 . 与共享组件库一起，我正在尝试创建一个Web项目，其中包含并显示所有这些组件以及如何使用它们的代码示例 . 从与类似问题相关的其他查询中可以看出，为了在 <pre> 或 <code> 标签中的网页中显示HTML代码，这些HTML片段的某些方面需要具有HTML编码字符（即 > 需要 &... -
4 votesanswersviews
Angular 2不会自动更新FromGroup值
我正在使用Angular的最新版本2.0.0，基本上我有一个组件初始化其表单模板的值，该模板由输入文本框和带有两个输入文本框的FormGroup的formArray组成 . 初始化完成后，绑定工作正常，但是当我将一个新的FormGroup推送到formArray时，表单值不会反映新添加的项目，直到我在最初绑定的某个文本框中进行某些值更改 . 为什么这种行为以及如何在添加一些动态FormGroup时... -
2 votesanswersviews
输入类型文件上的NgModel
我试图通过ngModel以典型的Angular方式绑定到输入字段类型文件，如下所示： <input type="file" id="fileUpload" [(ngModel)]="file"> 和 files:any 我的问题是，在我选择了一个文件之后，我的变量 files 的值仍然是 undefined 这里有一个st... -
0 votesanswersviews
以角度形式从子组件获取父级属性
我正在使用带反应形式的 Angular 6，我需要在可编辑和自定义'readonly'视图之间切换形式。项目中有多个自定义输入组件，因此似乎最简单的方法是在 custom-form 元素上使用[1]绑定。问题是： 如何在 custom-input 组件中获取父级的 readOnly 值而不直接绑定到每个组件？ 例如： 表格模板 <custom-form formGroup="for... -
3 votesanswersviews
以角度5显示/隐藏链接的最佳方式
我目前有一个主页，可以路由到我公司运行的所有不同的工作流程 . 我们有大约15个不同的工作流程，每个工作流程都由用户角色保护 . 如果您在数据库中没有正确的用户角色，则不会看到该页面的相应链接 . 我们保护服务器 endpoints ，但我担心的是向人们显示链接或不显示链接的最佳方式是什么，我宁愿不重复代码 . 这是一种方法： 我有一个像这样的html页面 <ul> <li ... -
0 votesanswersviews
Angular multiple ngif else在模板中传递参数
是否有可能在angular.html中做两个ngIf？ 一个例子： if(1=2){ }else{ if(){ } } 我需要做两次检查 . 检查教师的限制是否为假，以检查教室的可用性 . 下面是我的代码示例 . 我是棱角分明的新手，我不知道一切如何运作 . <td *ngIf="!restricaoSegUm; else templateName" *... -
3 votesanswersviews
如何在Angular 2中保留我的主要组件的先前内容？
在角度1中，我可以将任何元素定义为根元素，并且不会替换已编写的任何内联HTML . 例如角度1 . <body> <div ng-app=""> <h1><?php echo $heading_this_page;?></h1> <p>Name : <input type=&qu... -
228 votesanswersviews
Angular：带有* ngClass的条件类
我的Angular代码出了什么问题？我正进入（状态： Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step...