Tag: angular
Angular2 – 如何将窗口注入到angular2服务中
我正在使用本地存储在TypeScript中编写一个Angular2服务。 我想将浏览器窗口对象的引用注入到我的服务中，因为我不想引用任何全局variables。 像angular1.x $window 。 我怎么做？
Angular2 IE11无法获取属性“应用”的未定义或空引用
将我的angular2软件包升级到以下版本后出现以下错误： @angular/普通“：”^ 2.3.1 @ angular / compiler“：”^ 2.3.1 @ angular / core“：”^ 2.3.1 @ angular / forms“：”^ 2.3.1 @ angular / http“：”^ 2.3.1 @ angular / platform-browser“：”^ 2.3.1“ @ angular / platform-browser-dynamic“：”^ 2.3.1 @angular/平台服务器“：”^ 2.3.1 @angular/路由器“：”^ 3.3.1 错误 ： Unable to get property 'apply' of undefined or null reference 我只是在IE11中得到这个错误，在Chrome中它工作正常。 我做了一些挖掘和导致错误的行是在angular度/通用模块： function combine(options) { return […]
angular色=forms如何帮助可访问性？
我已经读过role属性被添加到Bootstrap的可访问性，我想知道如何<form role="form">帮助可访问性。 有关此特定用法的示例，请参阅http://getbootstrap.com/css/#forms-example 。 我searchBootstrap的“angular色”回购无济于事。 我的问题是，这些信息似乎是多余的。 元素是一种forms的概念已经由HTML标签本身（ <form> ）表示，那么如果我们也添加元素扮演form的role ，这有什么用呢？ 如果role将与forms不同，那么添加role="…"是有意义的（我不知道是什么 – 但让我们假装）; （尤其是没有具体的推理/用例的例子），它充其量是令人费解的。
用Angular全球处理401s
在我的Angular 2项目中，我从服务返回一个Observable的API调用。 调用代码然后订阅这个可观察的。 例如： getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } 假设服务器返回一个401.我怎样才能捕捉全球这个错误，并redirect到login页面/组件？ 谢谢。 以下是我到目前为止： // boot.ts import {Http, XHRBackend, RequestOptions} from 'angular2/http'; import {CustomHttp} from './customhttp'; bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS, new Provider(Http, { useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new CustomHttp(backend, defaultOptions), deps: [XHRBackend, RequestOptions] }) ]); // customhttp.ts import {Http, ConnectionBackend, Request, RequestOptions, RequestOptionsArgs, […]
Angular 2滚动到路由更改上方
在我的Angular 2应用程序中，当我向下滚动页面并单击页面底部的链接时，它确实会更改路线，并将我带到下一页，但不会滚动到页面的顶部。 因此，如果第一页冗长而第二页内容less，则给人一种第二页缺less内容的印象。 由于内容只有在用户滚动到页面顶部时才可见。 我可以将窗口滚动到组件的ngInit页面的顶部，但是，有没有更好的解决scheme，可以自动处理我的应用程序中的所有路线？
在AngularJS http处理错误然后构造
在使用AngularJS“http get then”构造（承诺）时，如何处理HTTP错误，例如500？ $http.get(url).then( function(response) { console.log('get',response) } ) 问题是，对于任何非HTTP响应，不调用内部函数。
在Angular2 Dart中设置路由器和路由器链接的正确方法是什么？
问题 ：在Angular2 Dart设置Router和Router RouterLink的正确方法是什么？ main.dart import 'package:angular2/angular2.dart'; import 'package:angular2/router.dart'; import 'package:angular2/src/reflection/reflection.dart' show reflector; import 'package:angular2/src/reflection/reflection_capabilities.dart' show ReflectionCapabilities; @Component( selector: 'home' ) @View( template: '<h1>I am Home</h1><a router-link="child">Go Child</a>', directives: const [RouterOutlet, RouterLink] ) class Home {} // // // @Component( selector: 'child' ) @View( template: '<h1>I am Child</h1><a router-link="home">Go Home</a>', directives: const [RouterOutlet, RouterLink] ) […]
Angular 2 – 如何使用this.router.parent.navigate（'/ about'）导航到另一条路线
Angular 2 – 如何使用this.router.parent.navigate（'/ about'）导航到另一条路线。 它似乎没有工作。 我试过location.go（“/ about”）; 因为没有工作。 基本上一旦用户login，我想redirect到另一个页面。 这里是我的代码如下： import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class User { constructor(public email: string, public password: string) {} } @Component({ templateUrl:'src/app/components/todo/todo.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class Todo { model = new User('Mark@gmail.com', 'Password'); […]
Angular.js和Angular.dart之间的区别？
我对Angular.js有一些了解，但是现在我想自学Dart和Angular.dart。 不过，我有点好奇两者之间的差别。 Angular.dart教程特别说明它不会比较两者 。 有谁曾经使用过，有哪些不同之处？
Angular2将callback函数作为@Input传递给子组件
AngularJS有＆参数，你可以传递一个callback到一个指令（例如AngularJScallback方式 。是否可以传递一个callback作为一个@Input组件的一个@Input （如下所示）？如果不是最接近的AngularJS做了什么？ @Component({ selector: 'suggestion-menu', providers: [SuggestService], template: ` <div (mousedown)="suggestionWasClicked(suggestion)"> </div>`, changeDetection: ChangeDetectionStrategy.Default }) export class SuggestionMenuComponent { @Input() callback: Function; suggestionWasClicked(clickedEntry: SomeModel): void { this.callback(clickedEntry, this.query); } } <suggestion-menu callback="insertSuggestion"> </suggestion-menu>
