Ng-click error (Angular dart)

Question

Im new with this language and this framework, Ive made a command-line app and it works perfectly and now I wanna make a very simple web interface

I have this in my .html

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

In my .dart

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

And I get this

Property 'doSomething' is not of type function.

Whats the point of the error ? Its necesary to use a controller ?

Thanks to all !

Günter Zöchbauer · Accepted Answer · 2014-08-07 08:45:53Z

1

You need a controller that contains the doSomething() method.

See https://github.com/angular/angular.dart.tutorial/blob/master/Chapter_03/lib/recipe_book.dart for example.

The index.html has a tag <body recipe-book> tag. Angular applies the controller declared in recipe_book.dart here because this controller has the selector selector: '[recipe-book]' assigned which is a tag that has the attribute recipe-book.

You also need to initialize a module so Angular knows of this controller.

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();
}

My advice: work through this tutorial before trying random things https://angulardart.org/tutorial/

answered Aug 7, 2014 at 8:45

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gil13 Over a year ago

With controllers works perfectly but i was looking for something simple. I just need to get used to this language. Thanks so much for your help

Günter Zöchbauer Over a year ago

I think this is as simple as it gets with Angular.

Collectives™ on Stack Overflow

Ng-click error (Angular dart)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related