我有使用angular-cli生成的Angular 2(版本2.0.0 - 最终版)app.
当我创建一个组件并将其添加到AppModule声明数组时,它一切都很好,它可以工作.
我决定将组件分开,所以我创建了TaskModule一个组件TaskCard.现在我想用TaskCard在的组成部分之一AppModule(的Board成分).
的AppModule:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { BoardComponent } from './board/board.component';
import { LoginComponent } from './login/login.component';
import { MdButtonModule } from '@angular2-material/button';
import { MdInputModule } from '@angular2-material/input';
import { MdToolbarModule } from '@angular2-material/toolbar';
import …安装角之后,打字稿编译器不断收到一些错误约没有找到Promise,Map,Set和Iterator.
到现在为止我忽略了它们,但现在我需要Promise这样我的代码可以工作.
import {Component} from 'angular2/core';
@Component({
selector: 'greeting-cmp',
template: `<div>{{ asyncGreeting | async}}</div>`
})
export class GreetingCmp {
asyncGreeting: Promise<string> = new Promise(resolve => {
// after 1 second, the promise will resolve
window.setTimeout(() => resolve('hello'), 1000);
});
}
Additional information:
npm -v is 2.14.12
node -v is v4.3.1
typescript v is 1.6
错误:
................ERROS OF MY CODE.................
C:\Users\armyTik\Desktop\angular2\greeting_cmp.ts
Error:(7, 20) TS2304: Cannot find name 'Promise'.
Error:(7, 42) TS2304: …我在Angular 2中有一个名为my-comp的组件:
<my-comp></my-comp>
如何在Angular 2中设置此组件的主机元素的样式？
在Polymer中,您将使用":host"选择器.我在Angular 2中尝试过它.但它不起作用.
:host {
display: block;
width: 100%;
height: 100%;
}
我也尝试使用组件作为选择器:
my-comp {
display: block;
width: 100%;
height: 100%;
}
这两种方法似乎都不起作用.
谢谢.
我是Angular2的新手,我正在阅读已解决的问题而且我发现了这个问题
这是非常有趣的,但我的问题是我如何从开发变为生产,这是在阅读这个问题后存在差异
我搜索但没有找到任何表明模式,以及你必须指示模式(开发)或模式(生产)的地方.
在控制台中,我可以看到组件类....Call enableProdMode() to enable the production mode.中System.config({或组件类中的位置.
是否需要特定的进口？
Can't bind to 'ngIf' since it isn't a known property of 'div'.
元素是 <div [ngIf]="isAuth" id="sidebar">
该组件是:
import SessionService from '../session/session.service';
import { Component } from '@angular/core';
@Component({
providers: [],
selector: 'navbar-left',
styles: [require('./navbar-left.scss')],
template: require('./navbar-left.html'),
})
export default class NavbarLeftComponent {
public isAuth: boolean = false;
constructor(private sessionService: SessionService) {
this.isAuth = sessionService.sessionIsAuth();
}
}
不确定我到底做错了什么？这是一个儿童组件.在父组件aka App组件中,ngif可以工作.角度RC5
我Observable.of在项目中导入函数时遇到问题.我的Intellij看到了一切.在我的代码中,我有:
import {Observable} from 'rxjs/Observable';
在我的代码中我使用它:
return Observable.of(res);
有任何想法吗？
我试图从Angular调用API但是我收到此错误:
Property 'map' does not exist on type 'Observable<Response>'
这个类似问题的答案并没有解决我的问题:Angular 2 beta.17:'Observable <Response>'类型中不存在属性'map'.
我正在使用Angular 2.0.0-beta.17.
现在,我有一个初始页面,其中有三个链接.点击最后的"朋友"链接后,会启动相应的朋友组件.在那里,我想获取/获取我的朋友的列表进入friends.json文件.直到现在一切正常.但我仍然是使用RxJs的observables,map,subscribe concept的angular2的HTTP服务的新手.我试图理解它并阅读一些文章,但在我开始实际工作之前,我不会理解这些概念.
在这里,我已经制作了除HTTP相关工作之外的plnkr.
myfriends.ts
import {Component,View,CORE_DIRECTIVES} from 'angular2/core';
import {Http, Response,HTTP_PROVIDERS} from 'angular2/http';
import 'rxjs/Rx';
@Component({
template: `
<h1>My Friends</h1>
<ul>
<li *ngFor="#frnd of result">
{{frnd.name}} is {{frnd.age}} years old.
</li>
</ul>
`,
directive:[CORE_DIRECTIVES]
})
export class FriendsList{
result:Array<Object>;
constructor(http: Http) {
console.log("Friends are being called");
// below code is new for me. So please show me correct way how to do it and please explain about .map and .subscribe functions and observable pattern.
this.result = http.get('friends.json')
.map(response => …我正在开始我的第一个Angular应用程序,我的基本设置已完成.
如何将Bootstrap添加到我的应用程序中？
如果你能提供一个例子,那将是一个很大的帮助.
在新的Angular2框架中,有没有人知道像事件一样悬停的正确方法？
在Angular1中有ng-Mouseover,但似乎没有结转.
我查看了文档但没有找到任何内容.