-
3 votesanswersviews
ANGULAR 2 - 组件共享数据服务
这确实让我头疼 . 我有一个很好的小应用程序,使用Firebase和Angular 2进行社交登录设置 . 一切都应该是实时的 . 基本上,当用户通过Facebook登录时,我希望将他们的个人信息传递给服务并存储为Observable并立即显示在订阅该服务的任何组件中,然后我希望能够从组件中访问此Observable并没有直接相互关联,甚至可能完全不在层次结构中..因此我不能使用@Input或Ev... -
0 votesanswersviews
初始化后以角度设置复选框值
所以我有这个复选框,我已经将ngModel绑定到它,并且基于ngModel它正确地将复选框设置为选中或取消选中 . 问题是,如果我更改复选框,我会检查一些条件,并根据某些条件我再次将ngModel绑定为false,所以从技术上讲,如果检查并且条件满足,它应该返回到未检查状态,但是不是 . 虽然我的ngModel显示的值为false . 甚至尝试了[checked]属性,但它也无法正常工作 . 任何... -
7 votesanswersviews
Angular2 innerHtml删除样式
我正在使用innerHtml并在我的cms中设置html,响应似乎没问题,如果我像这样打印 : {{ poi.content }} 它给了我正确的内容:` <table border="0" cellpadding="5" cellspacing="0"> <tbody> <tr> ... -
4 votesanswersviews
为什么Angular 2有模板的JiT编译?
在运行时期间在浏览器中对Angular 2 HTML模板进行JiT编译的理由是什么? 我知道,_742291存在解决这个问题的方法,它大大提高了启动性能 . 我不是在问我是否应该使用JiT或AoT编译 . TypeScript编译器能够编译JSX,这是否意味着,有一天我们得到相同的支持Angular 2模板作为 @angular/compiler-cli 的替代? -
1 votesanswersviews
Angular Material中的动态值 - 排序 Headers
如何在物料排序中使用"id"来注入动态值?当我尝试使用插值 mat-sort-header 导致错误时 - 't bind to ' mat-sort-header ' since it isn' t 'th'的已知属性 该表是动态构建的 . <table matSort (matSortChange)="sortData($event)"> ... -
0 votesanswersviews
Angular 2路由器数据绑定错误
我正在使用Angular 2 Meteor构建应用程序,并且遇到数据绑定问题 . 我有一个非常简单的包装器组件,它有两个路由(/ a和/ b)到两个组件(a和b)的路由器插座 . 用户单击a上的按钮后,我使用this.router.navigate(['B'])更改为B组件 . 我在B组件中配置了单向属性绑定,它只是从B类中提取text属性 . 如果我要导航到example.com/b,我可以看到... -
4 votesanswersviews
Angular 2 RouterLink for Select
我想使用页面上的select元素创建导航 . 在锚标记上使用RouterLink指令很简单,但选择下拉列表是否相同?或者,当我的选择发生变化时,我是否需要在我的组件上创建自己的导航方法? <a [routerLink]="[location]">Location</a> <select (change)="navigate($event... -
2 votesanswersviews
如何在Angular 2中动态加载和显示包含routerLink指令的html?
我有一个Angular 2组件,在某些用户操作中,它从数据库加载html . html包含具有相对路径的锚标签 . 鉴于我不想在用户点击链接时重新加载整个应用程序,我试图使用routerLink指令;但是,由于此html是动态加载的,因此不会处理routerLink . html不包含任何其他角度指令 . 实现这一目标的最简单方法是什么?请参阅下面的示例 . import { Componen... -
2 votesanswersviews
Angular 2 - 刷新ngx数据表列表问题
我正在研究一个Angular 2项目 . 我使用ngx-datatable显示用户列表: <ngx-datatable class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="40" [footerHeight]="40... -
0 votesanswersviews
Angular 2:'Control Value Accessor'关于嵌套元素
我这里有'control value accessor'班http://blog.rangle.io/angular-2-ngmodel-and-custom-form-components/ export class ValueAccessorBase<T> implements ControlValueAccessor { private innerValue: T; pr... -
0 votesanswersviews
过滤器不是自定义管道角度2中的功能
我是Angular 2的初学者 . 我试图在角度2中创建用于搜索操作的自定义管道 . 在尝试使用过滤器函数过滤数据对象时,我得到的就像我的数据不支持过滤器功能一样 . 我的管道代码: import {Pipe,PipeTransform} from '@angular/core' @Pipe({ name : 'GenderSetter' }) export class SettingGen... -
0 votesanswersviews
Angular 2 /两个子组件具有相同的范围?
我在父组件中有2个相同的子组件 . 子组件具有相同的范围,这意味着它们共享相同的变量和功能 . <level-range-table [selectedElement]="selectedElement" ></level-range-table> <level-range-table [selectedElement]="selecte... -
0 votesanswersviews
Angular 2:ngIf在子组件内部不起作用
我正在创建一个具有两个输入的组件,一个是数字,一个是如下文本: <div class="form-group" *ngIf="inputType=='text'"> <input class="form-control" type="text" > </div>... -
7 votesanswersviews
如何为angular2中的组件html中的元素触发onload事件
所以这是一个二合一的问题 . 首先,我试图在组件html中的元素加载时触发函数 . 我尝试了很多方法,例如: <div [onload]="myFunction()"> 但这会导致函数被多次调用,确切地说是10 . 我的猜测是这不是要走的路,但我还不够熟悉,无法让它正常工作 . 另外,我想将元素作为参数发送 . 例如,做 <div #myDiv (click)... -
9 votesanswersviews
Angular 2 @Input:是否可以将数据从组件传递到另一个子路由组件?
基于Angular 2的docs,您可以使用@Input轻松地将数据从组件传递到另一个组件 . 例如,我可以像这样设置父级: import { Component } from '@angular/core'; import { HEROES } from './hero'; @Component({ selector: 'hero-parent', template: ` <... -
0 votesanswersviews
选择不在Angular 2中选择
在 angular 2 代码中使用ngFor填充选项 . 默认情况下,我需要在任何给定索引处选择任何特定选项 . 我使用了 [attr.selected]="i == 0" ,但它是 selects last option 而不是第一个 . 这是我的代码 <select id="roles" required formControlName=&qu... -
0 votesanswersviews
变更检测中的Angular 2 GridStack错误?
我正在开发一个应用程序,GridStack不仅可以很好地与A2一起玩,我已经设法在webpack中进行转换,但是插件有两个主要缺陷,我必须声明ngFor呈现的项目是gridstack项目然后破解更新触发窗口调整大小更新以显示元素 . 到目前为止它仍然有效,但第二个缺陷是糟糕的,因为地狱,由ngFor制造的A2模型停止传播数据的变化,这是完全错误的,任何人都知道如何修复,更好的插件或某些东西仪表板页... -
5 votesanswersviews
如何检查是否在组件上触发了更改检测
在我的应用程序中,我想设置手动更改检测 . 为此,我将ChangeDetectionStrategry设置为OnPush,每当组件发生更改时,我使用detectChanges手动运行更改检测 . 如果我在父组件上将ChangeDetectionStrategy设置为OnPush,根据我的理解,它将仅在父组件上运行一次更改检测,在子组件上只运行一次,即使我没有在子组件上将ChangeDetectio... -
5 votesanswersviews
如何检查无法读取未定义的属性'testUndefined'
我试过代码如下: @Component({ selector: 'test-content', template: ' <div *ngIf="sv.name.notExist.testUndefined != undefined"> {{sv.name.notExist.testUndefined}} ', directives... -
10 votesanswersviews
如何检测滚动到html元素的底部
我有这个我通过Id引用的元素: let infiniteScrollElement = document.getElementById('th-infinite-scroll-tracker'); 当浏览器到达元素的底部时我需要监听 . 怎么做到这一点? -
0 votesanswersviews
在由外部JSON文件构造的模板中使用延迟加载的Angular 2组件
我正在构建一个角度组件doc / demo站点,它列举了一个Angular组件列表和一组带有使用细节和示例的JSON文档 . 这是一个基本组件的示例: import { Component } from '@angular/core'; @Component({ selector: 'my-button', template: `<button class="bt... -
1 votesanswersviews
如何在角度模板中访问 Map 对象
我在Angular4中有一个自定义类来管理 Map (角度分量) . 我的类有一个模板,里面有我的ngui-map元素(从下面的库中导入) . 我已经能够绑定到由此元素触发的事件(例如 Map 移动, Map 点击等) . 问题是:是否可以从我的打字稿代码访问这个 Map 对象?我需要在一些按钮点击内访问 Map 的属性,但我无法弄清楚如何 . 我能够想到的唯一解决方案是为 Map 移动挂钩事件处... -
0 votesanswersviews
不同模板中的多个路由angular2 JS
我在使用多个路由插座时遇到了这个问题 . 例外:未捕获(承诺):错误:无法找到主要插座加载'HomeComponent'错误:找不到主插座加载'HomeComponent' 我想在点击链接时在主页中加载功能组件 . 联系页面应该是独立页面而不是在主页中加载 . 我希望我的登陆页面应该是home.component.ts所以我已经包含在app.html中 app.component.ts impor... -
55 votesanswersviews
Angular2 * ngIf检查模板中的对象数组长度
提到https://angular.io/docs/ts/latest/guide/displaying-data.html并且堆栈How to check empty object in angular 2 template using *ngIf仍然得到语法错误自我上下文未定义 . 如果我删除* ngIf条件然后我在teamMembers中获取值,如果我将一些值推入其中,以便我可以访问team... -
1 votesanswersviews
如何在angular2中创建动态* ngFor
我想创建一个表组件 . 表组件需要由* ngFor处理的数据以显示数据行 . 但我面临的问题是如何通过输入发送动态* ngFor查询 . 原因是我正在为一个表使用分页过滤器,而某些表没有使用它 . 因此,当使用分页构建表时,ngFor将是 *ngFor="let report of reports | paginate: config" 没有分页* ngFor会 *ngFor... -
1 votesanswersviews
Angular:从动态组件传回数据
基于cookbook中的example,我正在动态创建组件,如下所示: private loadComponent(): void { const componentFactory = this.factoryResolver.resolveComponentFactory(MyInputComponent); const viewContainerRef = t... -
0 votesanswersviews
如何将angular2应用程序加载到另一个Angular2应用程序中
我有一个angular2应用程序,其中包含导航栏,侧边栏和内容区域:http://localhost:4200/ 当单击导航栏/侧边栏项目时,我希望内容区域从我们将设置的其他angular2应用程序中获取内容,有点像前端微服务方法 . 到目前为止,我可以加载它们的唯一方法是在iframe中: <iframe src="http://localhost:3000/" fra... -
0 votesanswersviews
Angular2,从内部组件的模板中访问@ViewChildren引用?
我正在使用PrimeNG DataTable组件,需要访问放置在列模板标签内的元素 . 如果使用* ngFor手动生成表(不需要模板),则一切正常但在切换到PrimeNG组件后,我的@ViewChildren列表始终为空 . @Component({ ... template: ` <p-dataTable [value]="myList"> ... -
0 votesanswersviews
如何修复嵌入式模板上任何指令未使用的属性绑定ng-forOf? [重复]
这个问题在这里已有答案: Can't bind to 'ng-forOf' since it isn't a known native property 9个答案 我正在尝试设置一个简单的 ng-for 来循环一个角度项目列表,但却陷入困境 . 我已经尝试了Angular2 exception: Can't bind to 'ngFor' since it isn't a known nati... -
20 votesanswersviews
使用角度2.0.0-beta.0时,自定义属性会产生解析错误
我正在尝试使用angular2的自定义属性,如下所示 <a href="javascript:void(0)" title="{{inst.title}}" data-loc="{{inst.actionval}}"> 这给了我以下错误 EXCEPTION:模板解析错误:无法绑定到'loc',因为它不是已知的本机属性