Questions tagged «angular»

我有以下模板： <div> <span>{{aVariable}}</span> </div> 并最终以： <div "let a = aVariable"> <span>{{a}}</span> </div> 有办法吗？

198 html  angular 

我最近观看了带有TypeScript的Angular 2教程，但是不确定何时使用接口以及何时使用模型来保存数据结构。 接口示例： export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } 型号示例： export class Product { constructor( public ProductNumber: number, public ProductName: string, public ProductDescription: string ){} } 我想从URL加载JSON数据并绑定到接口/模型。有时我想要一个数据对象，而其他时候我想要保留对象和数组。 我应该使用哪一个？为什么？

197 angular  typescript 

我想动态创建一个模板。这应该用于ComponentType在运行时和位置构建一个（甚至替换）在托管组件内部。 在使用RC4之前ComponentResolver，使用RC5时会收到以下消息： ComponentResolver is deprecated for dynamic compilation. Use ComponentFactoryResolver together with @NgModule/@Component.entryComponents or ANALYZE_FOR_ENTRY_COMPONENTS provider instead. For runtime compile only, you can also use Compiler.compileComponentSync/Async. 我找到了此文档（Angular 2同步动态组件创建） 并了解我可以使用 一种动态ngIf的ComponentFactoryResolver。如果我在内部传递了已知组件@Component({entryComponents: [comp1, comp2], ...})-我可以使用.resolveComponentFactory(componentToRender); 实时运行时编译，具有Compiler... 但是问题是如何使用它Compiler？上面的说明说我应该打电话给：Compiler.compileComponentSync/Async -那怎么办？ 例如。我想（基于某些配置条件）为一种设置创建这种模板 <form> <string-editor [propertyName]="'code'" [entity]="entity" ></string-editor> <string-editor [propertyName]="'description'" [entity]="entity" ></string-editor> ... 在另一种情况下，这个（string-editor被替换为text-editor） <form> <text-editor …

196 angular  typescript  compilation  angular2-compiler 

在新的Angular2框架中，是否有人知道像事件一样进行悬停的正确方法？ 在Angular1中有ng-Mouseover，但似乎没有保留。 我已经浏览了文档，却没有发现任何东西。

196 javascript  angular  events  hover 

我刚刚从Angular 2 beta16升级到beta17，这又需要rxjs 5.0.0-beta.6。（此处的更改日志：https : //github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28）在beta16中，有关Observable / map功能的所有功能都运行良好。升级后出现以下错误，并且在打字稿尝试转换时发生： 属性“ map”在“ Observable”类型上不存在（在我将map与observable一起使用的任何地方） c：/path/node_modules/rxjs/add/operator/map.d.ts（2,16）：错误TS2435：环境模块不能嵌套在其他模块或命名空间中。 c：/path/node_modules/rxjs/add/operator/map.d.ts（2,16）：错误TS2436：环境模块声明无法指定相对模块名称。 我已经看到了这个问题/答案，但并不能解决问题： Angular2 beta.12和RxJs 5 beta.3的可观察到的错误。 我的appBoot.ts看起来像这样（已经引用了rxjs / map）： ///<reference path="./../node_modules/angular2/typings/browser.d.ts"/> import {bootstrap} from "angular2/platform/browser"; import {ROUTER_PROVIDERS} from 'angular2/router'; import {HTTP_PROVIDERS} from 'angular2/http'; [stuff] import 'rxjs/add/operator/map'; import 'rxjs/add/operator/toPromise'; import {enableProdMode} from 'angular2/core'; import { Title } from 'angular2/platform/browser'; …

195 typescript  angular  rxjs 

我遇到错误，找不到原因。这是错误： EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy). angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -> Router -> Location -> LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:1511lib$es6$promise$$internal$$invokeCallback …

195 routing  angular 

解决类后为何不ngOnInit()调用Injectable？ 码 import {Injectable, OnInit} from 'angular2/core'; import { RestApiService, RestRequest } from './rest-api.service'; @Injectable() export class MovieDbService implements OnInit { constructor(private _movieDbRest: RestApiService){ window.console.log('FROM constructor()'); } ngOnInit() { window.console.log('FROM ngOnInit()'); } } 控制台输出 FROM constructor()

195 javascript  angular  typescript 

如何在angular 2中测试私有函数？ class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){ return this._status; } } 我找到的解决方案 将测试代码本身放在闭包内，或将添加代码放在闭包内，用于存储对外部作用域中现有对象的局部变量的引用。 稍后使用工具剥离测试代码。 http://philipwalton.com/articles/how-to-unit-test-private-functions-in-javascript/ 如果您做过任何事情，请给我建议解决这个问题的更好方法？ 聚苯乙烯 大多数类似问题的答案都无法解决问题，这就是为什么我要问这个问题 大多数开发人员都说您不测试私有功能，但我不是说它们是对还是错，但是我的案例有必要测试私有功能。

195 angular  unit-testing  typescript  jasmine 

进入生产阶段后，如何部署Angular应用程序？ 到目前为止，我所见过的所有指南（甚至在angular.io上）都依靠可用于服务的Lite服务器和browserSync来反映更改-但是在完成开发后，如何发布应用程序？ 我要.js在index.html页面上导入所有已编译的文件还是使用gulp缩小它们？他们会工作吗？生产版本中是否完全需要SystemJS？

194 typescript  angular  production  systemjs 

Observable.of我的项目中的导入功能有问题。我的Intellij看到了一切。在我的代码中，我有： import {Observable} from 'rxjs/Observable'; 在我的代码中，我像这样使用它： return Observable.of(res); 有任何想法吗？

191 angular  rxjs 

...例如... <div class="month" *ngFor="#item of myCollection; #i = index"> ... </div> 可以做类似... <div class="month" *ngFor="#item of 10; #i = index"> ... </div> ...没有吸引力的解决方案，例如： <div class="month" *ngFor="#item of ['dummy','dummy','dummy','dummy','dummy', 'dummy','dummy','dummy']; #i = index"> ... </div> ？

190 angular 

我是Angular的初学者，我想知道如何创建Angular 5 File upload部分，我尝试查找任何教程或文档，但是在任何地方都看不到任何东西。有什么想法吗？我正在尝试ng4-文件，但不适用于Angular 5

190 angular  typescript 

我正在尝试使用TypeScript和Angular应用程序运行开发服务器，而不必每次都转换ts文件。我发现我可以用它来运行，ts-node但我也想像观察.tsgulp watch一样观察文件并重新加载应用程序/服务器。

190 typescript  angular  gulp  development-environment  nodemon 

我正在使用登录表单，如果用户输入无效的凭据，我们希望将电子邮件和密码字段都标记为无效，并显示一条消息，指出登录失败。如何从可观察的回调中将这些字段设置为无效？ 模板： <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div class="login-content" fxLayout="column" fxLayoutAlign="start stretch"> <md-input-container> <input mdInput placeholder="Email" type="email" name="email" required [(ngModel)]="email"> </md-input-container> <md-input-container> <input mdInput placeholder="Password" type="password" name="password" required [(ngModel)]="password"> </md-input-container> <p class='error' *ngIf='loginFailed'>The email address or password is invalid.</p> <div class="extra-options" fxLayout="row" fxLayoutAlign="space-between center"> <md-checkbox class="remember-me">Remember Me</md-checkbox> <a class="forgot-password" routerLink='/forgot-password'>Forgot Password?</a> …

190 validation  angular  angular2-forms 

我正在使用Angular 2.0.0-alpha.30版本。当重定向到其他路由时，请刷新浏览器，其显示无法获取/ route。 您能帮我弄清楚为什么会发生此错误。

189 angular  angular2-routing