角度2:拒绝访问属性“拒绝”错误的权限

时间:2016-11-30 08:57:02

标签: angular

此问题之前已被问过,但我认为我的情况并不合适。

我从英雄教程开始,并将“添加英雄”代码更改为表单。我确实意识到从控制器的角度来看,将它作为一个单独的组件和html会好得多。这很好。

但是当我运行当前页面(表格加上ngFor循环)时,表格会显示但是英雄列表却没有。在浏览器控制台中,我可以看到get工作并在JSON中返回正确的记录,但后来我得到

拒绝访问属性“拒绝”的权限

用谷歌搜索它似乎我正在访问我没有权限的东西,例如在不同的域中。设置是通过grails应用程序进行数据访问并通过ng-serve运行角度。唯一的地方(?!?)我可能有权限问题是数据访问,这是有效的。

<div>
     <form [formGroup]="form" (ngSubmit)="onSubmitAdd()">
     <p>
            <label>Hero name:</label> 
            <input type="text" formControlName="heroName">
     </p>

     <p>
            <label>Hero city:</label> 
            <input type="text" formControlName="heroCity">
     </p>

     <p> Hero Abilities </p>
     <p>
            <label>Flight:</label> 
            <input type="checkbox" formControlName="heroFlight">
     </p>

   <p> 
      <button type="submit" [disabled]="!form.valid">Submit</button> 
   </p> 
   </form> 

</div>

<ul class="heroes">
    <li *ngFor="let hero of heroes" (click)="onSelect(hero)" [class.selected]="hero === selectedHero">
            <span class="badge">{{hero.id}}</span> {{hero.name}} 
            <button class="delete" (click)="delete(hero); $event.stopPropagation()">x</button>
  </li>
</ul>

所以即使当前的方法不是最好的方法,我想知道导致错误的原因。

有没有人有任何想法?

1 个答案:

答案 0 :(得分:1)

我删除了OnInit并且已经停止了错误