Ng-click错误(角镖)

时间:2014-08-07 08:34:47

标签: dart angular-dart dart-html

我是这个语言和这个框架的新手,我做了一个命令行应用程序,它完美地工作,现在我想创建一个非常简单的Web界面

我的.html中有这个

<body ng-app>
.
.
.
<input type="submit" ng-click="doSomething()">

在我的.dart

import 'dart:html';
import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';
.
.
.
void doSomething(){
lotToDo;
}

我得到了这个

Property 'doSomething' is not of type function.

错误的重点是什么?它需要使用控制器吗?

感谢所有人!

1 个答案:

答案 0 :(得分:1)

您需要一个包含doSomething()方法的控制器。

例如,请参阅https://github.com/angular/angular.dart.tutorial/blob/master/Chapter_03/lib/recipe_book.dart

index.html标记有<body recipe-book>个标记。 Angular应用此处recipe_book.dart中声明的控制器,因为此控制器已分配选择器selector: '[recipe-book]',这是一个具有属性recipe-book的标记。

您还需要初始化模块,以便Angular知道此控制器。

library recipe_book;

import 'package:angular/angular.dart';
import 'package:angular/application_factory.dart';

import 'package:angular_dart_demo/rating/rating_component.dart';
import 'package:angular_dart_demo/recipe_book.dart';

class MyAppModule extends Module {
  MyAppModule() {
    type(RecipeBookController); // register controller in a module
    type(RatingComponent);      // register some other component
  }
}

void main() {
  applicationFactory()
      .addModule(new MyAppModule()) // tell angular to use the modul declared above
      .run();
}

我的建议:在尝试随机内容之前完成本教程https://angulardart.org/tutorial/