问题标签 [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.

0 投票
1 回答
350 浏览

dart - 使用 angular-dart 组件,提供自己的实例而不是调用构造函数

在 angular-dart 中,可以创建自己的组件,如下所示。如果您在 html 中使用自定义标签,如下所示:

angular 将通过调用与评级关联的类的构造函数来创建一个组件,在本例中为 new RatingComponent() (如果我没记错的话)。

我知道您可以添加属性以对其进行一些控制,但我想知道是否可以提供您自己的实例,而不是 Angular 调用构造函数。如果我在主控制器中有一个按钮列表,如何实现这样的功能:

我感觉我遗漏了一些明显的东西,但我确实四处搜索并找不到答案。

编辑(额外澄清):我认为它归结为你是否可以通过角度影响/绕过构造函数的调用。如果它只是关于生成 html,它很容易不使用该组件而只使用主控制器(如下所示)生成 html,但如果可能的话,我想使用一个组件,因为它也有用于沙箱的 shadow-dom的CSS。

0 投票
1 回答
938 浏览

dart - 如何从 angular dart 访问现有的 javascript 库

我正在尝试从 angular-dart 应用程序中访问现有的 javascript 库。推荐的方法是什么?有类似的东西dart:js吗?

提前感谢您的任何想法。

编辑:做了一些测试。似乎dart:js不介意在 angular.dart 中导入(顺便说一句,我应该是importing 'dart:js'还是'package:js/js.dart'?有什么区别,如果有的话?)。

由于在 Angular 中通过模块导入 javascript 库,在 dart 中通过dart:js.

0 投票
2 回答
679 浏览

dart - 努力在 AngularDart 中实现选项卡

我正在尝试学习 Dart 和 AngularDart。最初一切都很好,直到我决定尝试基于类似于 Angular 主页的示例实现一个选项卡组件,例如

我已经实现了以下组件。

以及以下 html 模板

组件/tab_component.html

组件/tab_panel.html

运行时,components/tab_component.html 中的 ctrl.panes 为空,因此不显示选项卡名称列表。我可以单步执行代码并查看在 TabComponent 实例中添加到列表中的窗格以及在 TabPanelComponent 的两个实例中设置的 name 属性。

我觉得我很接近,但缺少一些明显的东西。有人可以提供帮助 Dart 新手的任何指示或建议将不胜感激。

0 投票
3 回答
3570 浏览

javascript - d3.js 不能在 shadowDOM 中工作

我正在构建一个d3.js用于数据可视化的工具。该工具依赖于 webcomponentss 和 shadowDOM。d3.js无法仅通过 选择 shadowDOM 中的任何节点d3.select。有没有办法d3在里面工作shadowdom还是我错过了一些明显的东西?

详细地:

只要您有类似的东西,就不会返回/选择任何东西

澄清一下:shadowDOM是由框架生成的。我找到了一种获取初始值shadowRoot(注入)的方法。但是,我仍然想知道是否可以说出d3即使shadowDOM我没有createShadowRoot()返回的句柄。

0 投票
2 回答
761 浏览

dart - angular.dart 似乎很慢

我正在尝试 angular.dart 并看到它很慢。当加载包含 angular 的 am html 页面时,首先看到 angular 指令,然后对其进行适当的转换。它不应该立即转换并且用户不应该看到我们是否正在使用 angular 吗?

0 投票
1 回答
663 浏览

dart - 编译dart分离js文件

我正在尝试 angular.dart。当我将 dart 编译为 js 时,它会生成一个包含我的 dart 代码和整个 angular 的文件,也可能是其他库。问题是文件大小变得太大(1.5L+ 行)。这也意味着每当我对我的文件进行微小的更改时,整个 js 文件都会被更改,因此无法缓存。有没有一种方法可以让我拥有不同的js文件:1个用于我的代码,1个用于角度和其他库。

你们如何解决这个问题?

0 投票
1 回答
1135 浏览

jquery - 如何从 angular.dart 组件内部调用 jquery 插件?

我正在通过尝试制作一个可以访问现有 jquery 插件的组件来了解 angular.dart 组件。我正在尝试以下内容:

不幸的是,“容器”似乎是空的……如何让 jQuery 选择组件内部的元素,即在 shadow dom 中?

BTW,目前推荐的导入js的方式是什么?我发现了这个:

但是现在包 js 的某些功能被移到 dart:js 中,我不确定应该做什么。

0 投票
1 回答
593 浏览

angularjs - Firefox 上的 AngularDart 因“receiver.webkitCreateShadowRoot 未定义”而失败

我有一个 AngularDart 应用程序,可以在 Chromium 和 Chrome 上使用 Javascript 运行良好。但在 Firefox 和 IE 中,我收到以下错误:

这是我的 foobarUI/pubspec.yaml:

我尝试添加 js、shadow_dom 和 web_ui 模块,但没有任何区别。

我试图添加“useShadowDom = true;” (和错误)到主 dart 文件,没有区别。

从错误中,似乎很明显缺少对 DOM 影子根的 webkit 支持,但为什么这个模块不处理这个?

angular.dart.tutorial chapter_03 示例也会出现同样的错误。这显然是 Angular.Dart 的一个问题。错误归档为:https ://code.google.com/p/dart/issues/detail?id=15752

0 投票
1 回答
1651 浏览

dependency-injection - AngularDart 依赖注入是如何工作的?

我有一个组件需要从 Dart 代码中访问其根元素。通过阅读Angular.js 和 Angular.dart 之间的差异?在 SO 上并在 AngularDart 源代码中四处寻找我发现我需要的是提供一个带有显式类型参数的构造函数。如果其中一个参数具有 type dom.Element,它将由 Angular 注入器提供对我的组件根目录的引用。(在构造函数参数上没有类型会导致NoSuchMethodError : method not found: 'simpleName'从 Angular 内部深处抛出异常。)我的代码现在看起来像这样:

ngdom存在

现在的问题。我如何最好地发现喷油器反应的那些特殊类型?

此外,我想知道:它是否记录在某处?在哪里?如果不是,那么在 AngularDart 源中,注入器在哪里被配置为像这样运行?

0 投票
1 回答
321 浏览

dart - 使用 6 个模板参数创建 Angular.Dart Cube 组件

我正在尝试创建一个 Angular.Dart 组件,它旨在成为一个多维数据集。

立方体的每一面都将包含它自己的内部 HTML,并且该组件的属性将设置哪个面是当前可见面。(一次只有一侧处于活动状态)

我的问题是 - 如何创建一个接收 6 个模板参数的组件,每个模板参数都将作为特定的立方体侧内部 HTML 插入?

这就是我想要创建的:

该组件将类似于:

可能吗?

谢谢