angular-dart

问题 The AngularDart ng-repeat directive seems to require unique values; e.g., the following <li ng-repeat="x in ['Alice', 'Bob', 'Alice']">...</li> results in [NgErr50] ngRepeat error! Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Assuming that the list of strings is obtained from some external source and that uniqueness of values is not guaranteed, how can the [NgErr50] be avoided? 回答1: This works: <li ng-repeat="x in ['Alice', 'Bob', 'Alice'] track

问题 Using AngularDart + Angular Components I need to create a dropdown that is populated with a small list of items (got this to work), and gets automatically set to the current selection for an object in the model (haven't got this to work). I have an array of strings in the component called types . There is a model object ( selected ) whose field ( type ) corresponds to the list in types . <form class="form"> //other stuff <material-dropdown-select> <material-select-item *ngFor="let type of

问题 I want to dispatch a custom event from my Angular Dart component to his parent. How can I do this with Angular Dart? In other words I want do something similar to this: How do you dispatch and listen for custom events in Polymer? 回答1: Maybe emit does what you want but I assume this works only within Angular. If you want to send DOM events you can do it with dispatchEvent method like Element e; // assigned by the injector through a constructor argument or aquired by querySelector, ... ... var

问题 In AngularJS there is an attribute for directives (and others) to specify if it can be instantiated by an element name or an attribute - like restrict:EA for element AND attribute. The file angular.dart / lib / directive / ng_a.dart contains a comment * @restrict E which indicates the directive is for the <A> element . Is restrict not necessary in Angular.dart? What is the replacement? 回答1: Correct, Angular.dart doesn't have restrict , so please disregard the comment in ng_a.dart, it's

问题 I have searched far and wide on documentation on how to effectively set up Angular Dart 5 on Visual Studio Code but found nothing conclusive so far. Places I've searched already: Youtube StackOverflow https://webdev.dartlang.org - The documentation only talks about WebStorm. The VS Code plugin for dart doesn't provide functionality to make a new empty project. So I'm currently at a loss. How would I go about setting up an AngularDart 5 project on my VS Code IDE? Could someone refer me to

问题 When creating a AngularDart component, I can use ShadowRootAware and override onShadowRoot to be sure that the shadow dom is loaded and ready for manipulation, as described by the docs; It is guaranteed that when [onShadowRoot] is invoked, that shadow DOM has been loaded and is ready. However, if useShadowDom is set to false, what alternative do I have that guarantees that the component or its content is loaded and ready to be manipulated? 回答1: You can use the same approach. Even though it

问题 I have a single page app using Dart and Polymer. I'm trying to add a route to another page with route_hierarchical What I've tried so far was configuring the router like this: router = new Router() router.root ..addRoute(name: 'games', path: '/games') ..addRoute(name: 'login', path: '/login') ..addRoute(name: 'home', defaultRoute: true, path: '/'); router.listen(); I've found that I can use new Router(useFragment: ...); to enable the hashbangs in the URLs or not. The problem is that when I

问题 I have a single page app using Dart and Polymer. I'm trying to add a route to another page with route_hierarchical What I've tried so far was configuring the router like this: router = new Router() router.root ..addRoute(name: 'games', path: '/games') ..addRoute(name: 'login', path: '/login') ..addRoute(name: 'home', defaultRoute: true, path: '/'); router.listen(); I've found that I can use new Router(useFragment: ...); to enable the hashbangs in the URLs or not. The problem is that when I

问题 I have been trying to make AngularDart work but I always get exceptions for undefined objects. @MirrorsUsed( targets: const [ 'angular.core', 'angular.core.dom', 'angular.core.parser', 'angular.routing', 'angular.core.zone', 'di.di', 'di.dynamic_injector', NodeTreeSanitizer, DynamicParser, DynamicParserBackend, Injector ], metaTargets: const [ NgInjectableService, NgComponent, NgDirective, NgController, NgFilter, NgAttr, NgOneWay, NgOneWayOneTime, NgTwoWay, NgCallback, NgZone ], override: '*'

问题 I have an NgComponent in Angular Dart which instantiates a search box and according to the query strings it populates another div in my html template with the ng-repeat directive. More precisely, Query string update: there is a binding to the input text value with a field in my components' controller. Results population: In the attach() method I added a watcher for the local field which acts as a model to the input box, and whenever it changes I add to a local list some items which then acts