-
0 votesanswersviews
我的Angular 2应用程序(TypeScript)出了什么问题
我有一个组件 EventListComponent import { Component } from 'angular2/core'; @Component ({ selector: 'el-events', templateUrl: 'app/events/event-list.component.html' }) export class EventListCompone... -
3 votesanswersviews
如何在Angular 2指令中使用templateUrl
如何将html模板添加到指令中?这是一个不起作用的示例代码: 来自'@ angular / core'的import ; @Directive({selector:'[master-side-bar]',templateUrl:'master-side-bar.html'})导出类MasterSideBar {constructor(){console.log('Hello MasterSide... -
0 votesanswersviews
无法绑定到'ngForOf',因为它不是'tr'的已知属性。甚至导入 CommonModule/BrowserModule
Datatable.component. html <tr *ngFor="let articles of art"> 我在 appmodule/Datatablemodule 中添加 CommonModule/BrowserModule 没有任何作用....在使用“form [3] =”loginForm“(ngSubmit)=”onSubmit()“&g... -
143 votesanswersviews
Angular 2在Route Change上滚动到顶部
在我的Angular 2应用程序中,当我向下滚动页面并单击页面底部的链接时,它确实会更改路径并将我带到下一页但它不会滚动到页面顶部 . 结果,如果第一页很长而第二页的内容很少,则给人的印象是第二页缺少内容 . 由于只有当用户滚动到页面顶部时内容才可见 . 我可以在组件的ngInit中将窗口滚动到页面顶部但是,有没有更好的解决方案可以自动处理我的应用程序中的所有路径? -
0 votesanswersviews
初始化后以角度设置复选框值
所以我有这个复选框,我已经将ngModel绑定到它,并且基于ngModel它正确地将复选框设置为选中或取消选中 . 问题是,如果我更改复选框,我会检查一些条件,并根据某些条件我再次将ngModel绑定为false,所以从技术上讲,如果检查并且条件满足,它应该返回到未检查状态,但是不是 . 虽然我的ngModel显示的值为false . 甚至尝试了[checked]属性,但它也无法正常工作 . 任何... -
45 votesanswersviews
如何将组件导入Angular 2中的另一个根组件
我试图从一个文件导入组件另一个根组件文件 . 它给出了错误.. zone.js:484未处理的Promise拒绝:模板解析错误:'courses'不是已知元素:1 . 如果'courses'是Angular组件,则验证它是否是此模块的一部分 . 2.如果“courses”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schema”以禁止显... -
2 votesanswersviews
无法使用ViewChild查询子组件指令/组件表单父级
我在查询父组件中的子组件的指令时面临问题 . 表组件使用scrollableView指令 . 和表组件用于我的报告摘要组件 . 在reportSummary组件中我试图使用@ViewChild查找scrollbaleView指令的实例 . 我能够使用@ViewChild(DataTable)表找到表组件:DataTable;同样,我应该能够找到@ViewChild(ScrollableView)s... -
0 votesanswersviews
无法导入ComponentResolver和ViewContainerRef
我正在尝试根据父组件中的某些事件动态加载子组件 . 我在Import语句和ViewChild语句中遇到了一些编译错误 . 以下是 错误#1 import { Component, ComponentResolver, ViewContainerRef, ViewChild, } from 'angular2/core'; Error: Module "...node_modules/an... -
1 votesanswersviews
双向绑定如何在Angular 2中起作用?
我试图在我的两个组件(父组件和子组件)之间使用双向绑定,并尝试在两个组件的ngOnChanges中检测由此引起的更改 . 我可以通过更改父组件(App Component)的输入/输出属性来触发子组件(测试组件)的ngOnChanges . 但是,我无法通过更改Child组件中的双向绑定属性来触发Parent组件的ngOnChanges . 可以在这里找到Working Plunker:https... -
0 votesanswersviews
Angular2,如何将事件从父组件广播到子指令?
在Angular1中,它具有 $scope.braodcast . 而Angular2中的 EventEmitter 只能从子到父发出一个事件 . 那么如何将该事件广播到子指令呢? this is my child directive import { Directive, ElementRef, Input, Output, OnInit } from '@angular/core'; ... -
1 votesanswersviews
使用angular2中的另一个指令添加指令
我的问题是我想创建一个名为date-input的指令,它可以应用于html输入字段 . 在这个自定义日期输入中,我想要将其他模块中的其他指令添加到同一输入中 . 例如,我在这里使用textMask https://github.com/text-mask/text-mask/tree/master/angular2 我不想在我的应用程序中应用自定义蒙版,而是想添加我自己的指令,将其应用于我的所有输... -
4 votesanswersviews
从组件角度2获取ng-template
我怎么能得到角2的元素?如果我有这个在HTML中 <ng-template #content let-c="close" let-d="dismiss"> <div class="modal-header">Header</div> <div class="modal-body... -
0 votesanswersviews
Angular 2 File Upload指令,最大并发上传限制
我正在探索下面的Angular 2指令来进行文件上传 . 在尝试的时候 ng-file-select directive import { Directive, ElementRef, EventEmitter, Input, Output, HostListener } from '@angular/core'; import { Ng2Uploader } from '... -
0 votesanswersviews
关于(更改)的全局指令会阻止组件本地的某些绑定方法运行
我们想在一个相当大的angular2项目中 .trim() 所有输入 . 我们所有的表单都是基于模板的非ReactiveForms . 由于我不想重构我们所拥有的每一项输入,我认为指令将是最佳选择 . 此外,各种组件附加 (input) 或 (change) 侦听器(例如,作为用户类型的字段中的大写文本) . 我在下面的实现取自this Plunker(由Angular贡献者编写以响应this b... -
1 votesanswersviews
angular2 ng-include自定义指令中的错误?
我是Angular2的新手 . Angular2没有提供ng-include指令 . 所以我通过这个插件链接 http://plnkr.co/edit/OjxKE9HWnDInKojuhhk8?p=preview 来定制它 在上面的链接externel html文件传递给cusome组件 . 我也想要相同的情况.. 但是我使用Rc5和角度2.4.0版本,所以我根据我的配置制作了这个插件 . 根据... -
230 votesanswersviews
角度异常:'t bind to ' ngForIn ' since it isn' t是一个已知的原生属性
我究竟做错了什么? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="let talk in talks"> {{talk.title}} by {{talk.spe... -
184 votesanswersviews
例外:'t bind to ' ngFor ' since it isn' t是一个已知的原生属性
我究竟做错了什么? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker... -
1 votesanswersviews
如何将格式化值显示为用户类型,但是将原始值发送到Angular 4 formControl以进行验证和formControl值?
我是Angular2 / 4的新手 . 我有一个formControlName =“Price”的输入字段,我需要输入值以用户输入的正确的货币格式显示 . 当用户输入“100000”时,我需要将其显示为“Rp100,000”,但原始值应该按原样发送到FormControl值 . 我试过这样的事: import { Directive, ElementRef, HostListener } from... -
5 votesanswersviews
* ngFor不在角度2中工作
app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { AppComponent } ... -
0 votesanswersviews
Angular 2 /两个子组件具有相同的范围?
我在父组件中有2个相同的子组件 . 子组件具有相同的范围,这意味着它们共享相同的变量和功能 . <level-range-table [selectedElement]="selectedElement" ></level-range-table> <level-range-table [selectedElement]="selecte... -
1 votesanswersviews
检测ngIf内输入的显示变化
*ngIf 里面有一个 input : <div *ngIf='display'> <input number="number" /> </div> 我想检测 input 何时显示或不在数字指令内 . 这意味着当 display=true 并更改为 false 时,它应该调用指令内的函数以及返回 true 时的函数 . 这是plun... -
2 votesanswersviews
ng2-charts定制悬停在条形图上时显示的工具提示的数据和整个html内容
我正在使用来自valor软件的ng2图表和我的角度2应用程序 . 我无法弄清楚如何自定义悬停在条形图上时显示的默认工具提示的整个html内容 . 有任何想法吗? 更新: 这是我的html /标记代码: <canvas baseChart width="100" height="100" style="padding:24px; border:... -
0 votesanswersviews
指令不适用于离子3
离子3中的指令示例,以前使用的方法不起作用 . 已经尝试过在离子2中实现指令的方式 . import {Directive} from 'angular2/core'; @Directive({ selector: 'test', template: './test.html' )} export class MyDirective { } import {MyDirective ... -
8 votesanswersviews
如何将值从一个组件发送到另一个组件?
我制作了一个组件,其中我有一个输入字段和按钮 . 单击按钮我正在绘制第二个组件 . 我想将数据从一个组件发送到另一个组件? 我将如何将数据从一个组件发送到另一个组件 . 我需要发送输入值(输入字段中的用户类型)我需要在下一个组件或下一页显示 . 单击按钮 . 如何发送数据?这是我的傻瓜http://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview impor... -
4 votesanswersviews
Angular2:没有String的提供者! [child - > String]在[父级中的数组]中
我在angular2中构建基本Todo应用程序,当我单击添加按钮以使用输入从父级向子级发送数据时我得到没有提供者的字符串! (child-> string),并且没有显示数据只显示子类的按钮,这是什么意思 这是父组件: @Component({ selector : 'parent-component', directives : [child], template : ` <h1 c... -
6 votesanswersviews
如何在其标签位于“* ngIf = true”时初始化组件?
Update:GünterZöchbauer提供了一个非常可接受的答案,完美无缺(谢谢!) . 但是我仍然有一个问题要检查我所做的是否是获得我所寻求的结果的正确方法 . 上下文给出了上下文 .我对父视图上的自定义标记的期望是,当 *ngIf 条件为假时,组件根本不加载(或者可能大部分加载) . 是否正常,即使它不在DOM中(因为条件为假),它仍然被加载?有没有更好的方法来嵌入组件' templat... -
1 votesanswersviews
没有找到为什么angular2组件在重新访问选项卡时无法绑定基础模态
我有一个父组件调用另一个组件,该组件在同一页面上呈现模式 . 在第一次加载时,父组件能够将数据传递给子组件 . 但是一旦我转到另一个页面并返回,那么来自父级的数据不会被绑定到子组件模态 . 在plunker中遵循的步骤: - 在第一个输入框中输入任何值(abcd) 在第二个文本框中输入modal1 点击modal1按钮 模态中的正确值将为apeear 将第一个文本框中的值更改为... -
1 votesanswersviews
当在父级的html中单击时,在Angular 2 / Ionic中调用子方法
我面对这种情况好几个小时,我找不到合适的答案 . 我正在使用角度2和离子2 . 我有 1 page (首页 - home.ts , home.html ) 和 1 component (GoogleMaps, google-maps.ts , google-maps.html ) 在 home.html 我有这个: <ion-header> <ion-navbar>... -
0 votesanswersviews
Angular 5如何从组件中影响主HTML中的ngClass?
我正在尝试通过单击其他组件中的其他按钮来更改按钮的样式 . 现在,我有一个主html页面,并且使用角度选择器 <component1></component1> 在页面上加载了角度组件 这是包含组件的主要html文件: <button id="button01" tappable> ... -
-1 votesanswersviews
Angular 2文本编辑器
Text editor in Angular2 Screen Shot 大家好, 我正在开发一个需要输入文本的项目,当我选择文本的一部分时,弹出窗口应该带有一些编辑选项(如上面附带的截图所示) . 不知道如何使用Angular 2实现 . 有人可以帮忙吗?