Question

在以下代码中使用ng-for会在执行时在浏览器的JavaScript控制台上产生错误。错误是：加载文件时发生错误：package：pe2 / show_properties.ng_deps.dart

library pe.show_properties;
import 'package:angular2/angular2.dart';
import 'package:pe2/friends_service.dart';
@Component(selector: 'display', viewProviders: const [FriendsService])
@View(template: '''
<p>My name: {{ myName }}</p>
<p>Friends:</p>
<ul>
   <li *ng-for="#name of friendNames">
      {{ name }}
   </li>
</ul>
<p *ng-if="friendNames.length > 3">You have many friends!</p>
''', directives: const [NgFor, NgIf])
class DisplayComponent {
  String myName = 'Alice';
  List<String> friendNames;
  DisplayComponent(FriendsService friendsService) {
    friendNames = friendsService.names;
  }
}

library pe2.friends_service;
import 'package:angular2/angular2.dart';
@Injectable()
class FriendsService {
  List<String> names = ['Aarav', 'Martín', 'Shannon', 'Ariana', 'Kai'];
}

Answer 1

如果您使用alpha 52，请查看GitHub仓库中的CHANGELOG.md。他们将模板更改为区分大小写，即ngFor而不是ng-for（类似于所有其他指令）

加载文件时发生错误：package：pe2 / show_properties.ng_deps.dart

1 个答案: