Questions tagged «angular»

我刚刚创建了一个全新的 角度cli项目 并运行npm install bootstrap@4.0.0-beta jquery popper.js --save 和更改.angular-cli.json的相关部分，如下所示 "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], 但是收到以下错误 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 4403042439558687cdd6:54) at webpackJsonpCallback (bootstrap 4403042439558687cdd6:25) …

95 twitter-bootstrap  angular  webpack  popper.js 

在过去四年中愉快地使用AngularJS 1. *之后，我目前正在尝试自学Angular2和TypeScript！我必须承认我很讨厌它，但是我确定我的尤里卡时刻就在眼前。。。无论如何，我已经在虚拟应用程序中编写了一项服务，该服务将从我编写的提供JSON的电话后端获取http数据。 import {Injectable} from 'angular2/core'; import {Http, Headers, Response} from 'angular2/http'; import {Observable} from 'rxjs'; @Injectable() export class UserData { constructor(public http: Http) { } getUserStatus(): any { var headers = new Headers(); headers.append('Content-Type', 'application/json'); return this.http.get('/restservice/userstatus', {headers: headers}) .map((data: any) => data.json()) .catch(this.handleError); } getUserInfo(): any { …

95 typescript  angular  observable  rxjs 

我需要在Angular 2中使用一个计时器，该计时器会在一个时间间隔后滴答作响，并执行某些任务（可能会调用某些函数）。 如何使用Angular 2做到这一点？

95 javascript  angular 

如何引入类似'my-app-name/services'避免类似以下导入的行的内容？ import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

迁移到NgModule后出现此错误，该错误没有太大帮助，请问有什么建议吗？ Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at PlatformRef_.bootstrapModule (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9984:25) at Object.eval (http://localhost:5555/app/main.js:8:53) Evaluating http://localhost:5555/app/main.js Error loading http://localhost:5555/app/main.js "Report this error …

95 angular 

我发现了一个示例，该示例将数字限制为两位小数，然后将数字转换为货币金额，例如£2.55。 {{ number | currency : 'GBP' : true : '1.2-2'}} 是否有一个简单的管道在不使用货币的情况下也一样？

95 angular  pipe  decimal 

如何在组件（打字稿）中声明一个函数并在Angular 2中的click事件上调用它？以下是我需要Angular 2代码的Angular 1中相同功能的代码： <button ng-click="myFunc()"></button> //控制器 app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

我正在使用Angular 5，并且已经使用angular-cli创建了服务 我想要做的是创建一个为Angular 5读取本地json文件的服务。 这就是我所拥有的...我有点卡住了... import { Injectable } from '@angular/core'; import { HttpClientModule } from '@angular/common/http'; @Injectable() export class AppSettingsService { constructor(private http: HttpClientModule) { var obj; this.getJSON().subscribe(data => obj=data, error => console.log(error)); } public getJSON(): Observable<any> { return this.http.get("./assets/mydata.json") .map((res:any) => res.json()) .catch((error:any) => console.log(error)); } } 我该如何完成呢？

94 javascript  json  angular 

我正在一个简单的角度项目中，尝试将Material Design导入到我的项目中，但是某些组件无法正常工作，控制台警告说： 找不到HammerJS。某些Angular Material组件可能无法正常工作。 我也hammerjs安装了@angular/material。我该如何解决这个问题？ 边注 可能值得注意的是，如果您已hammerjs安装并且组件仍无法正确呈现，请确保您使用的是angular material 组件，而不是带有materialize-css 类的 html元素。如果你正在使用materialize-css的不是angular material，你需要将它单独添加到您的项目。

94 javascript  angular  material-design  hammer.js 

我有一个组件，该组件调用服务以从RESTful端点获取数据。需要给该服务一个回调函数，以在获取所述数据后执行。 问题是，当我尝试使用回调函数将数据追加到组件变量中的现有数据时，得到一个EXCEPTION: TypeError: Cannot read property 'messages' of undefined。为什么this未定义？ TypeScript版本：版本1.8.10 控制器代码： import {Component} from '@angular/core' import {ApiService} from '...' @Component({ ... }) export class MainComponent { private messages: Array<any>; constructor(private apiService: ApiService){} getMessages(){ this.apiService.getMessages(gotMessages); } gotMessages(messagesFromApi){ messagesFromApi.forEach((m) => { this.messages.push(m) // EXCEPTION: TypeError: Cannot read property 'messages' of undefined }) …

94 javascript  arrays  typescript  angular 

我有一个实现CanActivate的AuthGuard（用于路由）。 canActivate() { return this.loginService.isLoggedIn(); } 我的问题是，CanActivate-result取决于http-get-result- LoginService返回一个Observable。 isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } 我如何将它们组合在一起-使CanActivate依赖于后端状态？ ＃＃＃＃＃＃ 编辑：请注意，这个问题是从2016年开始的-角/路由器的非常早期阶段已被使用。 ＃＃＃＃＃＃

94 angular  angular2-routing  angular2-http 

let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); 为什么这不起作用？它只会设置“ aaa”而不是“ bbb” 另外，我有一个对象{aaa：111，bbb：222}如何设置所有值而不循环？ UPDATE（这似乎有效，但是如何避免循环？） let httpParams = new HttpParams(); Object.keys(data).forEach(function (key) { httpParams = httpParams.append(key, data[key]); });

94 angular  angular-http 

有人可以说明使用<ng-container>和<ng-template>元素之间的区别吗？ 我找不到文档NgContainer，也不太了解模板标记之间的区别。 每个代码示例将极大地帮助。

93 angular 

我想根据条件从我的可观察的地图运算符中引发错误。例如，如果未收到正确的API数据。请参见以下代码： private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return this.saveJwt(res.bearerToken); } else { // THIS DOESN'T THROW ERROR -------------------- return Observable.throw('Valid token not returned'); } }) .catch( err => Observable.throw(this.logError(err) ) .finally( () => …

93 angular  typescript  rxjs 

我想用来自JSON对象的src实现img。 在AngularJS中，我可以这样做： <img ng-src="{{hash}}" alt="Description" /> Angular 2+中有与此等效的东西吗？

92 angular