2016-04-26 18 views
0

流星と(クリック)属性を設定するとき私は次のエラーが発生します。未処理プロミス拒否:;ゾーン:角度;タスク:

error

私のコードは

import { Component, NgZone, AfterContentInit } from 'angular2/core'; 
import { NgIf, NgFor } from 'angular2/common'; 
import { Accounts } from 'meteor/accounts-base'; 
import { RouterLink, RouteConfig, Router, ROUTER_DIRECTIVES } from 'angular2/router'; 
import { CapitalizePipe } from '../../../../lib/pipes/capitalize.ts'; 
import { Groups } from '../../../../collections/groups.ts'; 
import { MeteorComponent } from 'angular2-meteor/meteor_component'; 
import { Meteor } from 'meteor/meteor'; 

@Component({ 
    selector: 'manage-players', 
    templateUrl: '/client/components/loggedIn/players/manage-players.html', 
    directives: [ RouterLink, NgIf, NgFor ], 
    pipes: [CapitalizePipe] 
}) 

export class ManagePlayers extends MeteorComponent { 
    importPlayers: Object; 
    groups: Mongo.Cursor; 
    pendingImport_placementGroups: Array; 
    pendingImport_players: Array; 

    constructor(zone:NgZone){ 
    super(); 
    var that = this; 
    this.subscribe('groups',() => { 
     this.groups = Groups.find(); 
    },true); 
    } 

    createImportGroups() { 
    console.log('Do something!'); 
    } 

され、トリガHTMLは次のとおりです。

<a href="#!" class="create-import-groups btn-flat" (click)="createImportGroups()" >Create Groups</a> 

私は上記のエラーを取得し、上記のリンクをクリックするたびに。 申し訳ありませんが、私の質問を間違ってフォーマットしたり、情報を見逃しても、私はまだ相対的にスタックオーバーフローを尋ねるのは新しいです。

答えて

0

私は自分の質問に対する答えを見つけたようですが、私はAngular2やJavaScriptの知識を十分に経験しているわけではありません。

私の問題を解決するには、私はクリックイベントでアンカータグを使用していたという事実だったと私は、角度は、それがアンカータグを処理するための独自の方法がありますし、(クリック)属性は、その機能に干渉しようとしていたからだと信じています。

オリジナル:

に置き換え
<a href="#!" class="create-import-groups btn-flat" (click)="createImportGroups()" >Create Groups</a> 

<button class="create-import-groups btn-flat" (click)="createImportGroups()" >Create Groups</button> 

私はまだ利用可能な場合は、このトピックについての詳細を知りたいのです。

+0

残念ながら、あなたはコメントでMDを使用することはできませんが、ここでは試して、あなたができる限りそれを解く必要があります。 あなたの機能はあなたのhtmlでのイベント 上の)イベントを受け入れ、その後のstopPropagation(コールする '' ' を必要とする(クリック)= "createInportGroups($イベント)" クラス で ' '' ' '' createImportGroups(イベント){ event.stopPropagation(); //ここに他のコード } '' ' –

関連する問題