Questions tagged «angular»

给定一个简单的输入元素，我可以这样做： <input [(ngModel)]="name" /> {{ name }} 这不适用于我的自定义元素： <my-selfmade-combobox [(ngModel)]="name" values="getValues()" required></my-selfmade-combobox> 如何实施？

74 angular  angular2-template  angular2-directives 

像 <div [style.background-image]="\'url(\' + image + \')\'">Background</div> <div [style.transform]="rotate(7deg)" 不再添加

74 css  angular 

我有一个休息端点，可以在GET调用中返回列表。我也有一个POST端点来添加新项目，而DELETE来删除它们。这在Firefox和Chrome中有效，而POST和DELETE在IE11中有效。但是，IE11中的GET仅在页面的初始加载时有效。刷新将返回缓存的数据。我已经在Angular 1中看到有关此行为的帖子，但对于Angular 2（发布候选版本1）则一无所获。

74 javascript  angular  typescript  internet-explorer-11  http-caching 

如何在Angular 2中设置Bootstrap导航栏“活动”类？我只找到Angular 1方式。 当我转到关于页面时，将添加class="active"到关于，然后class="active"在主页上删除。 <ul class="nav navbar-nav"> <li class="active"><a [routerLink]="['Home']">Home</a></li> <li><a [routerLink]="['About']">About</a></li></li> </ul> 谢谢

74 twitter-bootstrap  angular  nav  angular2-routing 

如何在我的@Routes路由元数据集合中设置默认路由？如果使用@ angular / router弃用的angular2路由器，请在@routeConfig对象中定义路由，该对象是路由对象的集合，但是这些路由对象具有更多的属性。例如，它们具有“名称”和“ useAsDefualt”属性，而在@ angular / router之外定义的路由则没有。我想使用新路由器编写我的新应用程序，但是如何使用新路由器并设置默认路由？ 这是我的主要应用程序组件，它定义了我的路线： import { Component } from '@angular/core'; import { DashboardComponent } from './dashboard/dashboard.component'; import { ConfigManagerComponent } from './configManager/configManager.component'; import { ApplicationMgmtComponent } from './applicationMgmt/applicationMgmt.component'; import { MergeComponent } from './merge/merge.component'; import { ROUTER_DIRECTIVES, Routes } from '@angular/router'; @Component({ selector: 'app-container', templateUrl: …

74 angular 

我在顶级组件中有一个属性，该属性使用了来自HTTP源的数据，如下所示（这在一个名为的文件中app.ts）： import {UserData} from './services/user-data/UserData'; Component({ selector: 'app', // <app></app> providers: [...FORM_PROVIDERS], directives: [...ROUTER_DIRECTIVES], pipes: [], template: require('./app.html') }) @RouteConfig([ // stuff here ]) export class App { // Please note that UserData is an Injectable Service I have written userStatus: UserStatus; constructor(private userData: UserData) { this.userStatus = new UserStatus(); …

74 typescript  angular 

我正在尝试map从服务呼叫中获取但出现错误。看着subscribe没有在角度2中定义？它说，要订阅，我们需要从运营商内部返回。我也有return语句。 这是我的代码： checkLogin(): Observable<boolean> { return this.service.getData() .map( response => { this.data = response; this.checkservice = true; return true; }, error => { // debugger; this.router.navigate(['newpage']); console.log(error); return false; } ) .catch(e => { return e; }); } 错误日志： TypeError: You provided an invalid object where a stream was expected. …

74 angular  typescript  rxjs  observable 

尝试@Input在constructor或中获取组件的值ngOnInit。但是它一直undefined都在来。 我用 console.log用来以显示此问题（β角）。 http://plnkr.co/edit/dseNM7OTFi1VNG2Z4Oj5?p=preview export class HeroDetailComponent implements OnInit { constructor(){ console.log('hero', this.hero) } public hero: Hero; ngOnInit() { console.log('hero', this.hero) } } 我在这里做错了什么？

73 angular 

在Angular 2中是否可以在条件下应用管道？我想做类似的事情： {{ variable.text | (variable.value ? SomePipe : OtherPipe) }} 如果没有，实现此效果的首选方法是什么？

73 angular  conditional-statements  angular-pipe  angular2-pipe 

我目前正在汇总一些最佳实践，以在组件级别上测试Angular 2应用程序。 我看过一些教程，查询灯具的NativeElement对象以获取选择器等，例如 it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture<HelloWorld>) => { fixture.detectChanges(); let el = fixture.nativeElement; el.querySelector('h1').click(); fixture.detectChanges(); expect(el.querySelector('h1')).toHaveText('Hello World!'); }); })); 运行代码段隐藏结果展开摘要 但是，在juliemr的Angular 2测试种子中，她通过父DebugElement对象访问NativeElement。 it('should render "Hello World!" after click', async(() => { builder.createAsync(HelloWorld).then((fixture: ComponentFixture<HelloWorld>) => { fixture.detectChanges(); let compiled = fixture.debugElement.nativeElement; compiled.querySelector('h1').click(); fixture.detectChanges(); …

73 javascript  unit-testing  dom  angular  jasmine 

在我的Angular 2应用程序中，我有两个相互依赖的服务（服务A从服务B调用方法，反之亦然）。 以下是相关代码： app.component.ts： import {Component} from 'angular2/core'; import {TempService} from '../services/tmp'; import {Temp2Service} from '../services/tmp2'; @Component({ selector: 'my-app', templateUrl: 'app/app/app.component.html', providers: [TempService, Temp2Service] }) export class AppComponent { (...) } 服务一： import {Injectable} from 'angular2/core'; import {Temp2Service} from './tmp2'; @Injectable() export class TempService { constructor (private _sessionService: Temp2Service) {} …

73 angular 

请帮助我，以便使用角度2将对象复制到另一个对象中？ 在angular中，我使用了angular.copy（）将对象复制到旧对象的松散引用中。但是，当我在angular 2中使用相同的代码时，出现以下错误： 错误：未定义角度。

73 angular  typescript 

有没有办法将后端呈现的参数传递给angular2 bootstrap方法？我想使用BaseRequestOptions为所有请求设置HTTP标头，并从后端提供值。我的main.ts文件如下所示： import { bootstrap } from '@angular/platform-browser-dynamic'; import { AppComponent } from "./app.component.ts"; bootstrap(AppComponent); 我找到了如何将此参数传递给根组件（https://stackoverflow.com/a/35553650/3455681），但是我在触发bootstrap方法时需要它...有什么想法吗？ 编辑： webpack.config.js内容： module.exports = { entry: { app: "./Scripts/app/main.ts" }, output: { filename: "./Scripts/build/[name].js" }, resolve: { extensions: ["", ".ts", ".js"] }, module: { loaders: [ { test: /\.ts$/, loader: 'ts-loader' } ] } …

73 javascript  angular 

我目前在tslint上遇到问题，希望有人可以指出正确的方向。 我正在尝试使用Angular2框架提供的HTTP发送HTTP GET请求。对于此请求，我必须指定内容类型和承载身份验证令牌。 我的代码示例： let headers = new Headers(); let authToken = this._user.getUser().JWT; headers.append('Content-Type', 'application/json'); headers.append('Authorization', `Bearer ${authToken}`); let options = new RequestOptions({ headers: headers }); this._http.get('http://' + url '/', options) .timeout(3000) .subscribe( (res) => { 这有效，但是，tslint抱怨 “ TS2345：类型'{headers：Headers;}'的参数不能分配给类型'RequestOptionsArgs'的参数。属性'headers'的类型不兼容。类型'Headers'不能分配给类型'Headers'。两种不同的类型具有此名称的名称，但它们不相关。“标题”类型中缺少属性“关键字”。” 感谢您的支持。

73 angular  http  typescript  tslint 

我正在使用Angular CLI（1.1.2）构建Angular4项目。它可以在Chrome（59.0.3071.115版）和firefox（54.0.1）中完美运行，但是当我尝试使用IE11（Verison 11.0.9600.18738）时，什么都没有显示，当我在IE中打开develper模式时，它显示了以下错误： SCRIPT5022: Exception thrown and not caught File: polyfills.bundle.js, Line: 829, Column: 34 并且详细的错误消息如下： 有人知道如何解决这个问题吗？ 谢谢！

73 angular  internet-explorer  angular-cli  compatibility  polyfills