Tag: angular
如何订阅Angular2中的服务事件？
我知道如何通过EventEmitter举办一个活动。 如果我有一个这样的组件，我也可以附加一个被调用的方法： <component-with-event (myevent)="mymethod($event)" /> 当我有这样的组件，一切都很好。 我把一些逻辑转移到一个服务中，我需要从服务内部引发一个事件。 我做的是这样的： export class MyService { myevent: EventEmitter = new EventEmitter(); someMethodThatWillRaiseEvent() { this.myevent.next({data: 'fun'}); } } 我有一个组件需要更新一些基于这个事件的价值，但我似乎无法使其工作。 我试过的是这样的： //Annotations… export class MyComponent { constructor(myService: MyService) { //myService is injected properly and i already use methods/shared data on this. myService.myevent.on(… // 'on' is not a method <– not working […]
ConnectionBackend没有提供者
所以最近我不得不更新到最新版本的Angular2，RC.6。 最大的突破变化似乎是整个引导（通过“介绍”ngModule）。 @NgModule({ imports: [HttpModule, BrowserModule, FormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], declarations: [AppComponent, …], providers: [FrameService, Http, { provide: $WINDOW, useValue: window }], bootstrap: [AppComponent] }) class AppModule { } platformBrowserDynamic().bootstrapModule(AppModule); 然而，经过大量的眼泪，汗水和恳求，我可以想出所有的神…我仍然留在希望是一系列的许多最后的错误： ConnectionBackend没有提供者！ 在这一点上，我正在撕掉我留下的最后一丝头发，因为我对这个“我失踪的东西”毫无头绪。 亲切的问候！
如何在Angular2中取消订阅
如何取消Angular2中的订阅？ RxJS似乎有一个处置方法，但我不知道如何访问它。 所以我有代码可以访问一个EventEmitter并订阅它，就像这样： var mySubscription = someEventEmitter.subscribe( (val) => { console.log('Received:', val); }, (err) => { console.log('Received error:', err); }, () => { console.log('Completed'); } ); 我如何使用mySubscription取消订阅？
属性'catch'在types'Observable <any>'上不存在
在使用Http服务的Angular 2文档页面上，有一个例子。 getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } 我克隆了angular2-webpack-starter项目并自己添加了上面的代码。 我导入Observable使用 import {Observable} from 'rxjs/Observable'; 我假设属性Observable也被导入（ .map作品）。 看着rxjs.beta-6的更新日志，并没有提到有关catch 。
如何在Angular2 ngSwitch语句中使用打印脚本枚举值
Typescript enum似乎与Angular2的ngSwitch指令自然匹配。 但是，当我尝试在我的组件的模板中使用枚举，我得到“无法读取属性'xxx'未定义在…”。 我怎样才能在我的组件模板中使用枚举值？ 请注意，这与如何基于枚举（ngFor）的所有值创buildhtml选项不同。 这个问题是关于ngSwitch基于一个枚举的特定值。 虽然同样的方法创build类的内部引用的枚举出现。
找不到模块'angular2 / core'
这些红色的波浪线表示cannot find module 'angular2/core' ， cannot find module 'angular2/router' ， cannot find module 'angular2/http' 。 我检查了其他职位，但似乎他们没有适当的答案。 我也添加了如下所示的d.ts文件的引用，但仍然无法正常工作。 其他职位说我需要在tsconfig.json文件中configuration一些东西，但我使用的是Visual Studio，我不需要使用angular度组build议的tscompiler，因为Visual Studio应该能够自动编译ts文件。 我错过了什么吗？ 即使使用Visual Studio， tsconfig.json仍然是必需的吗？ 我如何摆脱这些波浪线？ 谢谢！ （我正在使用Visual Studio 2015和最新的Typescript引擎） 更新：我不知道什么是npm包pipe理器。 但是我有一个预创build的package.json文件，是在创build项目时创build的。 我使用这个文件来安装npm包。
在使用简单成员的新的MVC 4互联网模板中基于angular色的authentication
我喜欢MVC 4互联网模板中的新简单会员function，并在VS 2012 RTM中提供了与外部login相关的OAuth链接。 大部分身份validationfunction正在工作。 但是，即使花费了8个多小时，我也无法实现基于angular色的授权，以在我的控制器上工作。 SimpleMembership变成了简单的东西。 我已经search了stackoverflow，googlesearch，并阅读约翰·加洛韦的最新，尝试了很多build议，仍然无法解决这个问题。 这一切都开始得到Sql连接错误，不知道为什么当连接string和其他一切都很好。 花了好几个小时才弄清楚这是导致问题的angular色类。 控制器上的[Authorize]属性与之前的基本authentication一样。 但是任何时候我尝试使用angular色它给sql连接错误（因为它恢复到旧的DefaultRolesProvider，它试图连接到默认的SqlExpress aspnetdb文件并失败）。 所以像这样： [Authorize(Roles="admin")] 不起作用。 这将工作，如果我回到旧的asp.net会员提供商，但然后我失去了简单的数据库表，令牌基础确认和恢复，更安全的密码散列，更重要的是通过OAuth的外部login。 在代码和剃刀视图中唯一的作用是 User.IsInRole("admin") 这对于菜单项等是可以的，但是在控制器的每一个Action里面实现起来很麻烦（我不喜欢它一次只testing一个angular色）。 我将不胜感激任何指导来解决这个问题。
如何在angular2中创buildTimer
您好想要一个在angular2计时器。 这是一段时间后打勾，并做一些任务（可能会调用一些function）。 如何做到这一点与angular2？
Angular2dynamic更改CSS属性
我们正在制作一个Angular2应用程序 ，我们希望能够以某种方式创build一个全局的CSSvariables（并在variables被赋值时随时更新属性值）。 我们已经使用了Polymer一段时间（现在我们正在切换到Angular2组件），并且我们使用了CSS属性（Polymer有一些polyfill），我们刚刚使用Polymer.updateStyles()更新了样式。 有什么办法可以实现类似的function吗？ 编辑： 我们需要类似于Sass的color: $g-main-color或者CSS自定义属性color: var(–g-main-color)并且每当我们决定改变属性的值时，比如updateVariable('g-main-color', '#112a4f')它dynamic地更新每个地方的值。 所有这一切，而应用程序正在运行。 编辑2： 我想在我的CSS的不同部分（主机，子元素…）使用一些全局CSSvariables，并能够立即更改值 – 所以如果我更改我的颜色variables，它会改变应用程序中的任何地方。 例如，我将使用Sass语法： :host { border: 2px solid $my-color } :host .some-label { color: $my-color } 有可能使用像angularpipe？ （但它应该只能用于HTML） :host { border: 2px solid {{ 'my-color' | cssvariable }} } :host .some-label { color: {{ 'my-color' | cssvariable }} }
Angular 2：如何从JSON响应呈现HTML而不向用户显示标签？
编辑：澄清任何人只是撇去标题，我的问题是关于angular2 ，而不是1。 我有一个这样的组件模板： <div>{{ post.body }}</div> 该对象是这样的： { "title": "Some Title", "body": "<p>The <em>post body</em>.</p>" } 而不是像这样渲染段落： post正文 它显示： "<p>The <em>post body</em>.</p>" 由于这是一个常见的任务，我寻找了一个像{{ post.body | safe }} {{ post.body | safe }}但没有看到一个。 有一个简单的方法来得到这个工作？ 有没有一种安全的方式来得到这个工作？
