-
1 votesanswersviews
针对特殊情况的OnPush变化检测
我用ngrx开发了一个Angular 2应用程序,我对OnPush变化检测感兴趣,以获得更好的性能 . 我读了几篇关于它的文章说:“如果一个组件仅依赖于它的输入属性,并且它们是不可变的,那么当且仅当其中一个输入属性发生变化时,该组件才会发生变化 . ”因此,我有两个关于OnPush的(简单)问题: 1)如果我的组件混合了@Input()属性而不是输入属性,那么OnPush是无用的吗? 2)仅具有属... -
0 votesanswersviews
Angular2模型从不接收ngSubmit驱动
在Angular2中创建我的第一个模型驱动表单 . 尝试提交表单时遇到问题 . 似乎ngSubmit不是't firing. Here is the tutorial I' m以下:https://scotch.io/tutorials/using-angular-2s-model-driven-forms-with-formgroup-and-formcontrol . 这是我的视图模板: &l... -
2 votesanswersviews
Angular 2 MVW - MVC,MVA,MVP,MVVM?
Angular 1(AngularJS)被称为MVW-Framework . MVW代表Model-View-Whatever . Angular 2还是MVW吗? MVW和MV *一样吗? 我知道无论是什么意味着它可以是ViewModel或Controller . 模型和视图仍然相同 . 但MVW还能表示有Presenter或Adapter吗? 我知道Model可以是工厂或服务,控制器是组... -
0 votesanswersviews
Angular bootstrap ngbdatepicker删除(更改)方法所以是否有任何其他选项来读取控制器上的模型值
我正在尝试使用bootstrap ngbdatepicker我添加了datepicker选择器到appcomponent.html并且datepicker开始显示在那里现在我需要将该模型值读入控制器所以我可以将它传递给父appcomponent,因为我在datepicker上添加(更改)方法但它是从输入中删除该方法,以便如何读取并将该值传递给父级 . 是否有任何其他选项可以在控制器中读取该值并传递... -
1 votesanswersviews
什么是$ scope.watch的Angular 2等价物? [重复]
这个问题在这里已有答案: What is the Angular equivalent to an AngularJS $watch? 7个答案 什么是Angular 2相当于 $scope.watch ? 我使用 $scope.watch 来观察控制器中使用的外部服务对象的更改 . 我知道 $scope 不再适用,但如何设置 Watch 功能? -
4 votesanswersviews
如何在Angular 2中观看复杂对象,就像我们在Angular 1中使用$ watch一样
我们能够在复杂对象上应用 $watch ,如何在Angular 2中进行类似操作 . Angular 1 $scope.data = {name : "somvalue"} $scope.$watch('data.name', function(newValue, oldValue) { scope.counter = scope.counter + 1; }); A... -
1 votesanswersviews
在评估为true之后删除ngIf属性
有没有办法如何删除ngIf属性后,它被evalauated为真? 例如,假设我有一个模板 <div class="container"> <div *ngFor="let el of elements"> <div *ngIf="el.index = index"> ... -
0 votesanswersviews
来自* ngIf的奇怪行为
我正在忙着一个angular4应用程序,我正试图使用 ngIf有条件地隐藏/显示两个div元素,结果非常奇怪 . 我想在newItem为false或null时显示项目表单,并在newItem为true时显示项表单 . 当newItem为true但是项目表单由于某种原因没有从dom中删除时,显示包含item表单的div ...我觉得角度很舒服并且已经使用了一段时间但从未来过这个问题?知道我做错了什么... -
1 votesanswersviews
Angular 4应用程序在同一页面上不能多次实例化
我需要创建一个角度应用程序,可以在同一个html页面上多次实例化,如下所示: <app-root name="rebert" age="25"></app-root> <app-root name="jean" age="25"></app-root> <app-r... -
0 votesanswersviews
ngIf显示/隐藏元素并执行功能
我有一些例子 <div *ngIf="nameOfDocx == 'emailTab'" class="tabcontent" #tab2 label="Email"> <details *ngFor="let doc of emaildocuments"> <summ... -
2 votesanswersviews
在Angular中显示应用程序根目录之外的托管视图
为了与执行DOM操作的原生本地JavaScript库集成,我希望能够将Angular管理的视图附加到 document 中的任何DOM元素 . 假设SomeLibrary在DOM中的某个位置创建了一个容器(我们为它提供了一个可以注入其HTML的目标节点): <body> <angular-app-root> <!-- here... -->... -
2 votesanswersviews
Angular 5 ngHide ngShow [隐藏]无法正常工作
大家好!伙计们! 我正在尝试使我的Angular 5应用程序隐藏元素(或显示隐藏) . 但是,这似乎行不通 . 我尝试过ngHide,ng-hide,ngShow,ng-show,[hidden]方法 - 它们都不起作用 . 我的login.component.ts看起来像这样: import { Component, OnInit } from '@angular/core'; @Compon... -
3 votesanswersviews
什么时候应该使用* ngIf而不是隐藏属性,反之亦然?
我知道Angular中 *ngIf 和 hidden 属性之间的区别: ngIf:将元素添加/删除到DOM . 隐藏:只需在DOM中显示/隐藏元素 . 我在 hidden 属性中让它保持在DOM中似乎是正确的 . 我尽可能多地坚持 *ngIf 但是当我尝试访问 *ngIf 模板中的元素时,即使我将 *ngIf 的条件更改为 true (有时因为我不习惯循环),它有时会发出错误DOM更新) ... -
1 votesanswersviews
Angular2:父子组件通信,@ Host和forwardRef
我正在尝试新发布的Angular2 beta 0,并希望有人可以为我澄清一些事情 . 我有一个AppComponent,它作为我项目的主要框架 . 它的模板创建了一个导航栏,其项目在其ngOnInit上被读入AppComponent的公共变量(称为“项目”) . * ng然后渲染项目 . 这工作正常 . 在AppComponent模板的底部是一个div,其中放置了一个路由器插座 . 根据用户选择... -
45 votesanswersviews
使用TypeScript访问Angular2中父组件中的属性
在过去的4年里,我正在努力与Angular 1. *一起工作,我正在尝试自学Angular2和TypeScript!无论如何,我在顶级组件中有一个属性,它是来自http源的用户数据,如此...(这是在一个名为 app.ts 的文件中) import {UserData} from './services/user-data/UserData'; Component({ selector:... -
2 votesanswersviews
从Angular2中的子组件访问父组件数据/属性
我“在我的智慧结束时”并且不知道该怎么做 . 我快要哭了! 在使用AngularJS许多快乐的岁月后,我正在尝试自学Angular2 - 我有一个Angular2应用程序,它具有顶级组件,如所谓的App @Component({ selector: 'app', // <app></app> providers: [...FORM_PROVIDERS], ... -
2 votesanswersviews
子组件不向父组件的功能发送值
我在我的父组件中定义了一个名为 login 的函数: login(user: any) { console.log(user); } 然后我有一个登录表单组件: export class LoginFormComponent { @Output() onLogin: EventEmitter = new EventEmitter(); constructor() { thi... -
25 votesanswersviews
将数据从子组件传递到父组件Angular2
我有一个名为search_detail的组件,其中包含另一个名为calendar的组件, SearchDetail_component.html <li class="date"> <div class="btn-group dropdown" [class.open]="DatedropdownOpened"&g... -
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... -
0 votesanswersviews
如何从Angular2中的父组件中的组件列表中调用子组件中的方法?
我有子组件,它基本上是一个列表组件,在父组件的模板中迭代 . 我想调用一个方法驻留在父组件的子组件中 . 我想调用该方法属于众多组件之一 . 例如,这是我的子组件: @Component({ selector: 'list-item', template: '<li>{{value}}</li>', }) export class ListItem impl... -
1 votesanswersviews
Angular2只将对象传递给子对象一次
我有2个组件,详细信息(父)和更新(子) . 我希望更新组件根据详细信息组件所具有的对象设置其初始值(表单) . 我试图用@Input装饰器做到这一点,所以我有类似的东西: <app-component-update [childObject]="childObject"></app-component-update> 我能够在孩子身上获得 Value... -
4 votesanswersviews
Angular2:如果值没有改变,输入设置器不会拾取设置事件
在这里参考Angular2文档文件:[https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-child-setter](Parent to child setter),我有以下子组件代码: import { Component, Input } from '@angular/core'... -
1 votesanswersviews
如何将数据从父组件传递到子组件?
我在子组件中有这个属性: @Input() submitButtonDisabled: boolean; 在我的父组件的模板中,我使用插值通过属性绑定设置它: <my-child-component [submitButtonDisabled]="{{disableSubmitButton()}}"> </my-child-component> ... -
1 votesanswersviews
Angular2 boolean输入参数不起作用
在我的Planning组件中,我有以下指令,其中selectedPerson是服务上的对象,showModal是Planning组件中的本地布尔参数: <person-popup [person]="planningService.selectedPerson" [show]="showModal"></person-popup> ... -
0 votesanswersviews
如何更改父可重用组件's style from it'的子组件?
我在当前组件中使用了可重用的组件 . 但我想改变我的可重用组件的风格 . 如何覆盖子组件中的父可重用组件样式 . 父可重用组件:(settings-panel.component.html) <button> <app-svg-icon [iconSrc]="iconSrc"></app-svg-icon> </button&g... -
1 votesanswersviews
如何有条件地设置Angular2组件输入?
考虑以下情况 . 父组件: <div title="title1"> <my-component input="title2"></my-component> <my-component></my-component> </div> MyComponent的: <div ... -
10 votesanswersviews
如何在Systemjs构建器任务中包含zone.js,reflect-metadata等?
我正在使用system.js和systemjs构建器创建一个 dist 文件夹,其中包含我的angular2应用程序的所有打包的javascript文件 . 它工作得非常好,除了它不包括以下文件,这些文件目前静态包含在index.html中: node_modules / zone.js / dist / zone.js node_modules / reflect-metadata / ... -
1 votesanswersviews
在Angular 2中找不到引用的文件
我按照guide在Visual Studio 2015中设置了Angular2 . 项目开始了,一切似乎都很好 . 但是我在VS输出窗口中发现了这些错误: 10:59:59.8753:找不到引用文件'node_modules / core-js / client / shim.min.js' . 10:59:59.8763:找不到引用文件'node_modules / zone.js / di... -
1 votesanswersviews
当我在url中手动添加参数时,Angular Routing无法正常工作
我创建了HeroApp,其中我在服务中显示了Heros列表,遵循this tutorial . 当用户选择任何Hero时,将显示该特定Hero的详细信息 . 但是,当我手动将英雄ID附加到url时,我得到一个错误: GET http:// localhost:3000 / persons / node_modules / core-js / client / shim.min.js GET ht... -
2 votesanswersviews
Angular2 parent - > child - > parent binding
我在工作中见过以下代码 - http://plnkr.co/edit/5z4VEQ?p=preview <app-component2 [(value)]="value"></app-component2> 您可以看到我们将一个值传递给子组件并在其更改时将其传递回父组件(onChange仅在您从输入框中聚焦后才会触发) . 现在这个代码工作,即使“v...