Questions tagged «angular»

我一直在看一些种子项目，所有组件似乎都有一个index.ts从该组件导出*。我在任何地方都找不到它的实际用途？ 例如https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome 谢谢

132 angular 

我的代码的一部分： import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // Trouble line. // …

132 http  typescript  angular  observable 

我是Angular2的新手。我试图创建一个组件，但显示错误。 这是app.component.ts文件。 import { Component } from '@angular/core'; import { MyComponentComponent } from './my-component.component'; @Component({ selector: 'my-app', template: ` <h1>Hello {{name}}</h1> <h4>Something</h4> <my-component></my-component> `, directives: [MyComponentComponent] }) export class AppComponent { name = 'Sam' } 这是我要创建的组件。 import { Component } from '@angular/core'; @Component({ selector: 'my-component', template: ` <p>This is my …

132 angular  typescript 

在我的Angular应用中，我有一个组件： import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { this.makes = makes console.log("MAKES", this.makes); }); } …

132 javascript  angular  typescript 

更新：2018年12月（请参阅``Aniket''答案） 使用Angular CLI 6时，您需要使用构建器，因为不建议使用ngject，并且很快将在8.0版本中将其删除。 更新：2018年6月：Angular 6不支持ng弹出** 更新：2017年2月：使用ng弹出 更新：2016年11月：angular-cli现在仅使用webpack。您只需要使用npm install -g angular-cli正常安装即可。“我们将beta.10和beta.14之间的构建系统从SystemJS更改为Webpack。”，但实际上我只使用angular-cli来生成结构和文件夹，然后再手动使用webpack config 我已经安装了角度cli： npm install -g angular-cli@webpack 当我使用angular1和web pack时，我曾经修改过“ webpack.config.js”文件以执行所有任务和插件，但是我在使用angular-cli创建的这个项目上看不到谁可以工作。这是魔法？ 我看到Webpack在工作时正在工作： ng serve "Version: webpack 2.1.0-beta.18" 但我不明白angular-cli配置的工作方式...

131 angular  webpack  angular-cli 

这似乎很简单，但是我找不到任何解决方案。 那么，如何检查我的应用程序是在生产模式还是在开发模式下运行？

131 angular  production 

我正在开发依赖的Ionic应用程序（2.0.0-rc0）angular 2。因此，ngModules包含了新的介绍。我在app.module.ts.下面添加我的。 import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], imports: [ IonicModule.forRoot(MyApp) ], bootstrap: [IonicApp], entryComponents: [ MyApp, Users ] }) export class AppModule {} entryComponents在这里做什么？Components已在中定义declarations。那么有什么需要重复的？如果我在此处不包含组件会怎样？

131 angular  angular-components  angular-module 

我有一个组件和一个服务： 零件： export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } 运行代码段隐藏结果展开摘要 服务： @Injectable() export class PersonService { getPersons(){ var persons: Person[] = [ {id: 1, firstName:'Hans', lastName:'Mustermann', email: 'mustermann@test.com', company:'Test', country:'DE'}, {id: …

131 angular  typescript  angular2-services 

在ng serve命令中使用angular-cli ，如何指定默认端口，这样就不必--port每次都手动传递标志了？ 我想从默认端口4200更改。

130 angular  angular-cli 

我正在尝试在Angular 2 Alpha 28中做一些事情，并且字典和NgFor遇到了问题。 我在TypeScript中有一个界面如下所示： interface Dictionary { [ index: string ]: string } 在JavaScript中，这将转换为带有数据的对象，看起来像这样： myDict={'key1':'value1','key2':'value2'} 我想对此进行迭代并尝试以下操作： <div *ngFor="(#key, #value) of myDict">{{key}}:{{value}}</div> 但无济于事，以下任何一项都不起作用： <div *ngFor="#value of myDict">{{value}}</div> <div *ngFor="#value of myDict #key=index">{{key}}:{{value}}</div> 在所有情况下，我都会收到类似“意外令牌”或“找不到'iterableDiff'管道支持对象”的错误 我在这里想念什么？这不可能了吗？（第一种语法在Angular 1.x中有效）还是在对象上迭代的语法不同？

130 angular 

我们有一个企业应用程序，其客户端使用Angular 2。我们每个客户都有自己独特的url，例如：https://our.app.com/customer-one和https://our.app.com/customer-two。目前，我们可以使用来<base href...>动态设置document.location。因此，用户点击https://our.app.com/customer-two并<base href...>设置为/customer-two“完美”！ 问题是，例如，如果用户位于，https://our.app.com/customer-two/another-page并且他们刷新页面或尝试直接访问该URL，则将<base href...>设置为/customer-two/another-page，而找不到资源。 我们尝试了以下方法，但均无济于事： <!doctype html> <html> <head> <script type='text/javascript'> var base = document.location.pathname.split('/')[1]; document.write('<base href="https://stackoverflow.com/' + base + '" />'); </script> ... 不幸的是，我们没有新主意。任何帮助都将是惊人的。

130 angular 

我创建了一个子组件，该子组件具有要调用的方法。 当我调用此方法时，它仅触发该console.log()行，而不会设置该test属性？ 下面是我的更改的快速入门Angular应用。 父母 import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` }) export class AppComponent { private notify: NotifyComponent; constructor() { this.notify = new NotifyComponent(); } submit(): void { // execute child component method …

130 angular  typescript  angular-components 

我是一位开始学习Angular 2的Angular 1开发人员。根据培训材料，有很多不同类型的文件夹结构方法。我将在下面列出每一个，我很想征询人们的意见，我应该使用它们以及为什么使用。另外，如果有未列出的方法，但您认为它会更好，请随时列出。 通过查看所有这些内容，方法3几乎就是我在做Angular 1应用程序时的方式。 方法1：angular2-quickstart 资料来源：https : //angular.io/guide/quickstart 资料夹结构： 方法2：ng-book2 来源：https：//www.ng-book.com/2/（必须付费才能查看文件） 资料夹结构： 方法3：mgechev /角2种子 资料来源：https : //github.com/mgechev/angular2-seed 资料夹结构：

129 angular 

我知道我不是第一个问这个问题的人，但是我在前面的问题中找不到答案。我有一个组件 <div class="col-sm-5"> <laps [lapsData]="rawLapsData" [selectedTps]="selectedTps" (lapsHandler)="lapsHandler($event)"> </laps> </div> <map [lapsData]="rawLapsData" class="col-sm-7"> </map> 在控制器中rawLapsdata有时会发生变异。 在中laps，数据以表格格式作为HTML输出。每当rawLapsdata更改时，它就会更改。 我的map组件需要ngOnChanges用作触发器以在Google Map上重绘标记。问题在于，父级中的rawLapsData更改不会触发ngOnChanges 。我能做什么？ import {Component, Input, OnInit, OnChanges, SimpleChange} from 'angular2/core'; @Component({ selector: 'map', templateUrl: './components/edMap/edMap.html', styleUrls: ['./components/edMap/edMap.css'] }) export class MapCmp implements OnInit, OnChanges { @Input() lapsData: any; map: google.maps.Map; ngOnInit() { ... } …

129 angular 

在Angular Material Design 6中，删除了（更改）方法。当用户更改选择时，我找不到如何替换更改方法以在组件中执行代码。谢谢！

129 angular  angular6