Tag: angular度2编译器

如何在要素模块层次结构中使用.forRoot（）: 任何人都可以请澄清我怎么应用.forRoot（）调用结构多个嵌套的function模块层次结构？例如，如果我有这样的模块： – MainModule – SharedModule – FeatureModuleA – FeatureModuleA1 – FeatureModuleA2 – FeatureModuleB 所有function模块都有一个.forRoot（）静态函数。我应该如何定义FeatureModuleA以“传递”.forRoot（）函数？ @NgModule({ imports: [ //- I can use .forRoot() calls here but this module not the root module //- I don't need to import sub-modules here, FeatureA only a wrapper //FeatureModuleA1.forRoot(), //WRONG! //FeatureModuleA2.forRoot(), //WRONG! ], exports: [ //I cannot use […]

Web与angular度材料的材料组件2: 最近，MDL（Material Design Lite）项目的继任者被推出为Web的材料组件。其目标之一是“与其他JS框架和库的无缝集成”。还有另一个项目Angular Material2 ，它专门为Angular（v2 +）提供材料devise组件。这两个项目正在创build基于材料devise的UI组件。此外，他们也有类似的组件准备 / 不活跃开发，以及即将推出的相同组件（列在这里和这里）。有人可以帮我理解两个项目之间的重叠，我应该select哪一个用于新项目？从根本上讲，我理解Angular Material2将更加与Angular项目更加无缝和紧密地集成，而Web的Material Components将为多个JS框架提供钩子。但我看不出重叠的原因，哪一个会有更多的动力（阅读更多的组件）。

Angular 2：是否可以从组件类访问模板引用variables？: <div> <input #ipt type="text"/> </div> 是否有可能从组件类访问模板访问variables？即，我可以在这里访问它， class XComponent{ somefunction(){ //Can I access #ipt here? } }

Angular 2的被动链接 – <a href="">等价: 在Angular 1.x中，我可以做如下创build一个基本上什么都不做的链接： <a href="">My Link</a> 但是相同的标签导航到Angular 2中的应用程序库。 Angular 2中有什么相同之处？编辑：它看起来像一个在Angular 2路由器中的bug，现在在github上有一个开放的问题。我正在寻找一个开箱即用的解决scheme，或者确认不会有任何问题。

无法绑定到“formControl”，因为它不是“input”的已知属性 – angular2材料自动完成问题: 我正在尝试在我的angular2项目中使用angular度材料自动完成组件。我添加了以下到我的模板。 <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> 以下是我的组件。 import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) export class EditItemComponent implements OnInit { stateCtrl: FormControl; states = […]

Angular 2：不能绑定到x，因为它不是一个已知的本地属性: 在Angular 2组件中，我有authbox.component.ts import {Component} from 'angular2/core'; import {COMMON_DIRECTIVES} from 'angular2/common'; import {Credentials} from './credentials' @Component({ selector: 'authbox', template: `<div> <div class="login-panel" *NgIf="!IsLogged"> <input type="text" *NgModel="credentials.name" /> <input type="password" *NgModel="credentials.password" /> <button type="button" (click)="signIn(credentials)">→| Sign In</button> </div> <div class="logged-panel" *NgIf="IsLogged"> <span>{nickname}</span>   <button type="button" (click)="signOut()">|→ Sign out</button> </div> </div>`, directives: [COMMON_DIRECTIVES] }) export class AuthBoxComponent { private […]

是否有任何替代ng2禁用angular2？: 我正在使用angular2进行开发，并想知道是否有任何替代ng2 ng-disabled angular2。例如。下面的代码是在angularJS中： <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> 只是想知道我怎样才能实现这个function？任何投入？

Angular2如果在表单标签中使用ngModel，则必须设置name属性或表单: 我收到来自Angular 2的这个错误 core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 caused by: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions. Example 1: <input [(ngModel)]="person.firstName" name="first"> Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> <td *ngFor="let lag of ce.lags"> […]

Angular Material 2组件中的cdk是什么？: 在angular材料来源的多个地方，有cdk作为前缀的元素/ css类。有没有人知道angular材料环境中cdk的缩写？

如何添加“类”主机元素？: 我不知道如何添加到我的组件<component></component>dynamic类属性，但在模板html（component.html）内。我find的唯一解决scheme是通过“ElementRef”本地元素修改项目。这个解决scheme似乎有点复杂，要做一些非常简单的事情。另一个问题是，CSS必须在组件范围之外定义，打破组件封装。有一个更简单的解决scheme？像模板中的<root [class]="…"> …. </ root> 。