dart-archive / angulardart.org Goto Github PK

See: dart-archive/angular.dart.tutorial#92
Cc: @vicb

The AngularJS tutorial has testing built-in each chapter, I think it would be great to do the same here.

Steps to reproduce:

1. Navigate to angulardart.org/demo with Chrome 33
2. Reload

Notice the page freezes and "Aw snaps"

We need to add schema.org markup and an image. Similar to Dart's homepage. G+ sharing of the homepage come up without an image. :(

Chapter 2, 3 and 4 all have issues where some of the code example sections display single quotes ' as '

https://angulardart.org/tutorial/04-ch02-component.html

@Component(
    selector: 'recipe-book',
    templateUrl: 'recipe_book.html')
class RecipeBookComponent {...}

https://angulardart.org/tutorial/05-ch03-component.html

@Component(
    selector: 'rating',
    templateUrl: 'rating.html',
    cssUrl: 'rating.css')
class RatingComponent {...}

@NgTwoWay('rating')
int rating;</p>

<p>@NgAttr(&#39;max-rating&#39;)
set maxRating(String value) {...}

https://angulardart.org/tutorial/06-ch04-directive.html

...
import &#39;package:angular/angular.dart&#39;;</p>

<p>@Decorator(selector: &#39;[tooltip]&#39;)
class Tooltip {
  final dom.Element element;</p>

<p>@NgOneWay(&#39;tooltip&#39;)
  TooltipModel displayModel;
  ...
  Tooltip(this.element) {
    ...
  }
  ...
}

@Decorator(selector: '[attributeName]')
class MyDecorator {
  @NgOneWay('attributeName')
  Model model;
  ...
  MyDecorator(/* Optional arguments */) {
    ...
  }
  ...
}

import 'dart:html' as dom;
...
// In an onMouseEnter handler:
tooltipElem = new dom.DivElement();</p>

<p>// ...Create children using info from displayModel...
// ...Add the children to the <div>...
// ...Style the <div>...</p>

<p>dom.document.body.append(tooltipElem);

Hello there,

first of all, well done with www.angulardart.org!!!

URL: https://www.angulardart.org/demo/
Browser: Chrome Version 33.0.1750.152

console output:
[blocked] The page at 'https://www.angulardart.org/demo/' was loaded over HTTPS, but ran insecure content from 'http://firebase.github.io/angularFire/angularFire.js': this content should also be loaded over HTTPS.

following list of scripts (locale) are involved:

• http://firebase.github.io/angularFire/angularFire.js
• http://code.angularjs.org/1.2.4/i18n/angular-locale_sk.js
• http://code.angularjs.org/1.2.4/i18n/angular-locale_en-us.js

While loading, chrome freezes indefinitely.

Greetings from the mountains...

I have this hierarchical structure MyComponent -> A -> B -> String (as you can see below) that attempts to bind a.b.text to a input box, on MyComponent's template

@ng.Injectable()
class B {
    String text;
}

@ng.Injectable()
class A {
    B b;

    A (this.b);
}

@ng.Component(
    selector : "my-component",
    template: '{{a.b.text}} Name: <input type="text" ng-model="a.b.text">'
)
class MyComponent {
    A a;

    MyComponent(this.a);
}

I get this error

Missing getter: (o) => o.b
...
Exception: The null object does not have a method 'call'.
NoSuchMethodError: method not found: 'call'
Receiver: null
Arguments: [Instance of 'A']

My module configuration is

class MyAppModule extends Module {
    MyAppModule() {
        bind (EventoComponent);
        bind (A);
        bind (B);
    }
}

//Inside main()
applicationFactory()
    .addModule(new MyAppModule())
    .run();

and pubspec file

name: restonetest
description: A sample web application
dependencies:
  angular: any
  appengine: any
  browser: any
  di: any
  fp: any
  redstone: any
  redstone_mapper: any
  shelf_static: any
transformers:
- redstone_mapper
- angular:
    html_files:
    - lib/client/models/evento/evento.html

Anchored <code> styled text (i.e. with an embedded link) is visually no different from just regular <code>-styled text. Could that be changed? Sometimes, e.g., class names link to API documentation but unless the reader hovers over the occurrences, he/she will not know there is a link.

which refers to "http://anulardart.org"

angulardart.org works. www.angulardart.org does not.
@btford can you help with this?

angulardart.org currently requires pages to be HTML. It'd be great to support Markdown pages, as well. (Besides Markdown being simpler to edit and less forbidding, having Markdown support would make it easier to move content that's already been published elsewhere in Markdown.)

Per https://groups.google.com/a/dartlang.org/forum/?utm_medium=email&utm_source=footer#!msg/web/fdHnTIIiebY/tJkdpLf-G3EJ, the web_components dependency should be '>=0.3.3 <0.4.0'.

The favicon.ico file is missing (the file is in img/ right now, but the link is looking for the icon at the root level - https://angulardart.org/img/favicon.ico).

We see the {{ and }} until the app loads.

This is the other half of the work to upgrading the tutorials to use the latest angular version: dart-archive/angular.dart.tutorial#126

I'm gonna give this a shot and see how it goes. Just wanted the issue number to commit against.

The most important part of this is the last page covering the platform and dart support JS libs. These are hard to know for beginners (and intermediates) so worse case that needs to get updated.

The HTML pages on angulardart.org currently have a lot of boilerplate HTML, which is hard to keep in sync and which makes the content harder to find when you're editing a page.

Latest news was from Jan 30. How often is that updated? Surely something has happened since then. :)

When using the TranscludingComponentFactory the css is shimmed using a tag pulled from the component selector. Selectors in angular are allowed to include characters which cannot be used in an attribute name. For instance the following is a valid selector for a component:

component-name[attribute-name]

CSS on a component with this selector will not be applied to elements since attempting to add the selector as an attribute causes an InvalidCharacterError (in chrome) in BlinkElement.setAttribute
For an ASCII selector it looks like the valid characters are [a-zA-Z0-9:_-.]

https://github.com/WebKit/webkit/blob/master/Source/WebCore/dom/Document.cpp#L4049
https://github.com/angular/angular.dart/blob/master/lib/core_dom/transcluding_component_factory.dart#L44

It would be great to remove <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> from the site and use the dart version instead !

• go to: https://angulardart.org/demo/
• try to scroll up and down
• ui locks up within a second and remains locked up for a few seconds

repro'd on chrome in ubuntu, and chrome on macos

Migrating this issue from naomiblack/angulardart.org#16.

In some places annotations are written as @annotation and others the @ is missing. In most cases the annotation names are show as plain text, but we put, e.g., directives in back ticks [i.e. format it as code], I think that annotations should be in back ticks too.

As the tuorial posts now live in this repo, it would be great to also import the code from the tutorial repo and remove this repo from GH.

Having 2 different GH repos is confusing and might lead to the doc being out of sync with the code.

The tutorial is being updated for AngularDart 1.x, see #64.

Any help is appreciated to also migrate the demos (https://angulardart.org/demo/)

Diffs are killing me. I'll do this myself if no one else does. But not until next week.

Steps to Reproduce:

1. Go to https://angulardart.org/demo/
2. Click "New Entry" in the Backend App

Notice that the URL now reads: https://angulardart.org/demo/new

1. Reload the page

Notice the 404.