angular – 无法绑定到’ngModel’,因为它不是已知的本机属性或

发布时间：2020-12-17 17:02:11 所属栏目：安全来源：网络整理

导读：我正在尝试学习angular2dart并遵循 anguar2dart site的教程. 考虑以下代码： import 'package:angular2/core.dart';class Hero { final int id; String name; Hero(this.id,this.name);}@Component( selector: 'my-app',template: ''' h1{{title}}/h1 h2{{he

我正在尝试学习angular2dart并遵循 anguar2dart site的教程.

考虑以下代码：

import 'package:angular2/core.dart';

class Hero {
  final int id;
  String name;
  Hero(this.id,this.name);
}

@Component(
    selector: 'my-app',template: '''
      <h1>{{title}}</h1>
      <h2>{{hero.name}} details!</h2>
      <div><label>id: </label>{{hero.id}}</div>
      <div>
        <label>name: </label>
        <input [(ngModel)]="hero.name" placeholder="name">
      </div>'''
)
class AppComponent {
  String title = 'Tour of Heroes';
  Hero hero = new Hero(1,'Windstorm');
}

当我编译它时,它显示错误消息：

Build error:
Transform TemplateCompiler on Sample|lib/app_component.ng_meta.json threw error: Template parse errors:
Can't bind to 'ngModel' since it isn't a known native property or known directive. Please fix typo or add to directives list. ("
      <div>
        <label>name: </label>
        <input [ERROR ->][(ngModel)]="hero.name" placeholder="name">
      </div>"): AppComponent@5:15

我究竟做错了什么？

解决方法

您的pubspec.yaml文件中似乎缺少常见指令的变换器.

检查https://github.com/angular-examples/toh-1/blob/master/pubspec.yaml它包含以下变压器角度部分：

transformers:
- angular2:
    platform_directives:
    - 'package:angular2/common.dart#COMMON_DIRECTIVES'
    platform_pipes:
    - 'package:angular2/common.dart#COMMON_PIPES'
    entry_points: web/main.dart

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!