问题标签 [angular-dart]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
dart - Angular.Dart 如何将组件动态添加到 DOM?
我的项目中有一个自定义的@NgComponent,如果我将它放在应用程序的静态 HTML 中,它就可以工作。我想弄清楚的是如何动态地向 DOM 添加一个?如果我构造我的 Component 的实例,它似乎不是 Element 类型,因此它不能直接添加到 DOM 中元素的子元素。是否有另一种方法来构建我的组件或将其包装以注入 DOM?
例如,我天真地期望能够做类似的事情:
但我也尝试过简单地将包含我的自定义元素的 HTML 附加到使用 innerHTML 的元素
并使用 document.createElement() 创建元素
但是该组件在添加时似乎没有实现。
谢谢,帕特
dart - 生成的 JS 文件太大
我有这个代码:
我做dart2js --minify --out=main.dart.js main.dart
然后我有大小为2.6 MiB( 2,744,320字节)的main.dart.js。这是不正常的。我做错了什么?
angular.dart 在这个阶段可用于生产吗?
css - 如何最终使用多个 CSS 文件设置 AngularDart 组件的样式
我想知道设置 AngularDart 组件样式的最佳方式是什么?我希望能够将基本样式拆分为一个单独的 CSS 文件,然后以某种方式将它包含@import
在我的组件中(也许,如果 angular dart 支持它)。
标准NgComponent
允许我只添加一次 CSS 文件,如下例所示:
如果我的 CSS 以某种方式拆分为多个文件怎么办,我如何将所有这些文件包含在一个组件中?
目前,我开始注意到虽然 AngularDart 组件有助于使组件可重用,但它们并不是最易于维护的——CSS 中有很多复制粘贴。如果可以拆分样式,组件将更易于维护(即,可以在多个组件中包含基本样式 - 而不是在每个组件的每个 css 文件中复制粘贴它们)。
在 AngularDart 环境中构建组件和 css 的最佳方法是什么?
dart - Angular Dart 和 Polymer Dart 的区别
Angular 为您提供了动态双向数据绑定的可能性。但它也允许您创建自定义元素和指令。
所以,如果我在 Dart 中使用 Angular,就不再需要 Polymer,对吗?
dart - 如何在 Angular.Dart 中以编程方式添加组件?
我想根据从 AJAX 调用收到的一些信息动态构建组件树。
如何以编程方式从其他组件内部将组件添加到 DOM?我有<outer-comp>
并且我想根据一些逻辑插入一个<inner-comp>
. 下面的代码只是将元素插入<inner-comp></inner-comp>
到 DOM 中,而不是实际的<inner-comp>
表示。
更新: 我设法通过以下方式正确渲染内部组件,但我仍然不确定这是否是正确的方式:
}
dart - 在加载控制器之前验证路由前提条件
我正在用 Angular 编写一个单页应用程序,特别是angular.dart,但我假设这个问题仍然适用于 AngularJS。
以以下路线为例:
/login - 期望没有人登录。如果有人通过身份验证但未注册,则重定向到“注册”路由,如果他们已注册,则重定向到“家”路由。
/register - 需要一个尚未完成注册过程的经过身份验证的用户。如果未通过身份验证,则重定向到登录。如果通过身份验证,则重定向到主页。
/home - 需要经过身份验证和注册的用户。如果未通过身份验证,则重定向到“登录”路由,如果未注册,则重定向到“注册”路由。
我已经做了很多搜索,但找不到内置或惯用的方法来检查以确保在加载与特定路由关联的控制器之前满足某些先决条件,并在不满足这些先决条件时适当地重定向。
任何帮助将不胜感激!
dart - 在 Dart Angular 中,如何将函数传递给组件
我有一个组件 MyComp,我想将一个函数作为参数传递给它。更准确地说,我想做这样的事情:
飞镖组件文件:
html:
问题是组件中的 myfunc 为空。我错过了什么吗?我怎样才能做到这一点?
dart - 是自动递增的。漏洞?
我想我发现了一个关于以下绑定的错误:<input type='number'>
使用控制器时
html:
... {ctrl.i}} ...
镖:
... @NgController(...) 类 AController { int i = 5; } ...
当一个人修改输入字段时,就会出现一个无限循环(自动递增或自动递减)
请注意,使用 no-scope 时不会发生此问题,例如:
那是一个错误吗?有没有办法使用<input type='number'>
?
angularjs - ng-repeat 不能处理包含欺骗的集合
以下代码不起作用,因为该集合包含欺骗:
我认为以下应该有效,但不幸的是不起作用:
那是一个错误吗?
有没有办法在ng-repeat
包含欺骗的集合上使用?
提前致谢,
奥利维尔
angularjs - ng-repeat 仅用于迭代 List 而不是 Iterable 或 Set
似乎不可能用 ng-repeat 迭代除 List 之外的任何东西。
例如,奇怪的是以下代码不起作用:
在 package:angular/directive/ng_repeat.dart:126:8 处抛出异常:
将 ng-repead 限制为正确的列表似乎非常严格。可以让 ng-repeat 迭代任何可迭代对象,而不仅仅是列表。
奥利弗