如何在VS Code上设置AngularDart5
我在有关如何有效设置Visual Studio代码上有效设置Angular Dart 5的文档上进行了广泛搜索,但到目前为止尚无定论. 我已经搜索过的地方: YouTube stackoverflow https://webdev.dartlang.org - 文档仅谈论WebStorm. DART的VS代码插件没有提供功能来制作一个新的空项目.所以我目前不知所措. 我将如何在我的VS代码IDE上设置Angulardart 5项目?有人可以将我引用相同的资源吗? 解决方案 vs代码与 dart代码插件为编辑Angulardart项目文件提供了基本支持. 为构建和运行应用程序的集成支持仍在进行中(使用 dart-代码#68 跟踪进度). 我不知道要创建一个 empty angulardart 5项目的任何支持,但是您可以使用CLI工具来创建启动器项目,例如: 项目 来自 angular-examples/QuickStart/Quick
0 2023-11-25
编程技术问答社区
AngularDart。"逻辑页面 "和视图是1对1还是1对多还是什么?
在Angulardart(或JS)中,应用程序的" 逻辑页面" 之间有什么关系? 例如,在 angulardart教程食谱书籍示例,示例,我最初将"查看食谱"和"编辑食谱"视为逻辑页面(或作为@pavelgj建议的应用程序稳态状态). 当我开始通过 angulardart教程我 逻辑页面和角"视图"是一对一的对应关系.但是在第6章中,视图被视为 a index.html页的一部分(用于生成"查看食谱"和"编辑食谱"): 如果一个视图可以是 a页面的一部分,则可以包含多个视图? 解决方案 首先,"网页"是什么意思? Angular.dart用于构建单页应用程序,因此从技术上讲,整个Angular App一个网页. 我们可以将"页面"的定义扩展到:用
0 2023-11-19
编程技术问答社区
如何查看与shadow dom相关的html和css
我正在使用Angular-dart的@ngcomponent创建自定义HTML(Shadownow dom)元素. 现在,我正在编程上更改与组件关联的HTML.但是,由于我无法在浏览器中看到关联的HTML.因此,我无法调试HTML的更改. 我想知道如何启用与自定义HTML(Shadownow dom)元素关联的HTML的显示.有没有javascript可以启用此? 我正在使用Dartium查看输出. 解决方案 要查看Dartium和Chrome中的阴影DOM,您必须在Devtools中启用它. 右键单击您的页面上,然后选择" Inspect element"来提出DevTools 单击DevTools窗口右上角的设置装备 在"元素"标题下,查找并启用" Show Shadow dom"复选框. 现在,您应该在DevTools的Elements Pane中查看#文档碎片.那是你的影子dom.
4 2023-08-31
编程技术问答社区
如何从angular.dart组件中调用一个jquery插件?
我正在通过尝试访问现有jQuery插件的组件来学习有关Angular.DART组件.我正在尝试以下内容: library mylib; import 'dart:html'; // querySelector import 'package:js/js.dart'; // javascript import 'package:angular/angular.dart'; @NgComponent( selector: 'aSelector', templateUrl: 'partial.html', cssUrl: 'style.css', publishAs: 'ctrl', map: const { 'param': '=>param' } ) class myComponent extends NgShadowRootAware { String param; Compiler compiler;
10 2023-08-31
编程技术问答社区
Angular.Dart中ngTransclude的模拟
我试图弄清楚如何制作组件渲染孩子. 所以我可以编译: 这样的东西: 是否有angular.dart中的ngtransclude之类的东西? 解决方案 Angulardart使用Shadow Dom代替Ngtransclude.这是我们使用新兴的Web标准将Angular推入浏览器的方式之一. 添加一个标签而不是组件的模板会导致子元素放在那里. 例如.在您的示例中,的模板可能看起来像:
12 2023-08-31
编程技术问答社区
如何在Angular.Dart中以编程方式添加一个组件?
我想在从Ajax调用中收到的一些信息上动态构建一个组件树. 如何从其他组件的内部编程添加一个组件?我有,并且我想以某种逻辑为基础,插入.以下代码仅将元素插入到DOM,而不是实际表示. @NgComponent( selector: 'outer-comp', templateUrl: 'view/outer_component.html', cssUrl: 'view/outer_component.css', publishAs: 'outer' ) class AppComponent extends NgShadowRootAware { void onShadowRoot(ShadowRoot shadowRoot) { DivElement inner = shadowRoot.querySelector(
10 2023-08-31
编程技术问答社区
AngularDart的自定义过滤器call()方法需要是empotent的吗?
Angular Dart教程的主要运行示例是A 食谱书App .在"因此," "用户可以加倍,三重或四倍.例如.加倍时," 1/2杯面粉"的成分将变成" 1杯面粉". 我写了这样的自定义过滤器:它列出了Ingredient s的列表(由a quantity和a description组成),并返回新的new Ingredient s(增加数量),但是我收到以下错误: 5 $digest() iterations reached. Aborting! 我的问题是: Angulardart自定义过滤器的必需和/或允许行为是什么?例如,显然,它可以从其输入列表中删除(即过滤器)元素,但是还可以添加新元素还是替换元素? dart angular.core 文档只是说"过滤器是带有调用方法的类".我还没有找到更多细节. 从答案推断到 this angularjs post ,似乎重复的call()重复调用应该(最终?)产生"相同结果".如果是这样,这将是一个合理的约束.
12 2023-08-28
编程技术问答社区
如何将一个内容由AngularDart管理的div上移?
我有一个div举行一些聊天历史记录.我想让div内容在满足时滚动.我在另一个项目中使用jQuery进行了工作,但是可以做到这一点的适当方法? 简化了一点,在我的html中,我有 {{ctrl.text}} (使用样式white-space:pre),在我的控制器中,我有方法 void addToChatHistory(String msg) { text += msg; var elt = querySelector(".chatHistory"); elt.scrollTop = elt.scrollHeight; } 问题: 此代码滚动div内容,但还不够,因为它将scrollTop设置得太快.即,甚至可以通过Angular更新.chatHistory. 除了使用querySelector. 我尝试在text字段上设置watch,但这也太早了.建议? 解决方案 对
2 2023-08-23
编程技术问答社区
Angular Dart组件事件
我正在尝试将自定义事件从组件传递给其父组件/控制器 confirn.html Yes No 确认 @Component( selector: "confirm-component", templateUrl: 'confirm.html', useShadowDom: false, publishAs: "ctrl" ) class ConfirmComponent { void yes(){ print('yes'); // Fire confirm-yes event } void no
48 2023-08-22
编程技术问答社区
DART中的路线,需要s服务器吗?
我尝试了两条Angulardart路线,也尝试了与聚合物的路线,但发现,一旦我直接从达丁岛打开文件后,都无法正常工作,但是一旦我从Dart Editor运行它们! 一旦它们运行! 我做错了什么! 谢谢 解决方案 我认为重点既使用"导入html"文件,该文件可以使用Web服务器和一些浏览器运行,例如路由在没有Web服务器的情况下在Safari浏览器上平稳运行,但没有在Chrome上没有服务器的情况下运行和Chrome显示此错误msg: Imported resource from origin 'file://' has been blocked from loading by Cross-Origin Resource Sharing policy: Received an invalid response. Origin 'null' is therefore not allowed access. 其他解决方案 这是因为启动从darteditor(
6 2023-08-12
编程技术问答社区
Angular Dart将数据从路由服务传递到控制器中
我正在努力寻找一种从路由器中获取数据到控制器的方法.路由上的Enter方法正确地从服务中获取数据,因为打印方法显示了控制台中的JSON响应. 我的模块看起来像这样: class MyAppModule extends Module { MyAppModule () { type(UsersService); type(UsersController); type(RouteInitializerFn, implementedBy: MyAppRouteInitializer); factory(NgRoutingUsePushState, (_) => new NgRoutingUsePushState.value(false)); } } 和我的路由器的简化版本 class MyAppRouteInitializer { final UsersService _userService; MyApp
6 2023-08-12
编程技术问答社区
Dart 聚合物路线
我有一个使用飞镖和聚合物的单页应用程序.我正在尝试使用 Route_hierarchical 我到目前为止尝试的是这样的路由器: router = new Router() router.root ..addRoute(name: 'games', path: '/games') ..addRoute(name: 'login', path: '/login') ..addRoute(name: 'home', defaultRoute: true, path: '/'); router.listen(); 我发现我可以使用 new Router(useFragment: ...); 是否可以在URL中启用Hashbangs.问题是,当我不使用hashbangs时,我无法直接使用URL访问页面. (这意味着当我单击按钮等时,应用程序会让我路由我.有没有一种方法可以拥有没有悬峰的可共享网址?我看过Angularjs使用 之类的东西 $locatio
18 2023-08-12
编程技术问答社区
角度-聚合物的相互作用
我计划在AngularJS中尝试一个项目,其中将使用聚合物开发所有组件.现在,在开始这个项目之前,我有几个查询: 使用角服务获取数据后,我可以更新聚合物组件数据模型(也是UI)吗?如果是,则在可能的情况下共享一个示例. 我可以从聚合物组件内调用Angular Services,以获取,获取数据? (例如,我有一个用户控制作为聚合物组件,用于通过针对mongoDB的角服务来验证用户凭据)? 如果可能的话,请分享一个示例. 解决方案 此设置会有一些并发症. 首先是Angular不知道如何结合自定义元素,因此从角度到聚合物组件的结合如下: 将设置元素的foo属性,该元素只能是字符串,但不会使用node.cind来设置对foo属性的绑定.这是绑定复杂对象或需要双向绑定时的一个大问题. 我创建了一个指令,该指令允许您从Angular内部使用Node.cind,但这是用于DART的.您可以将其移
14 2023-06-09
编程技术问答社区
为什么Angular不需要组件名称中的破折号?
我想知道为什么聚合物元素需要在自定义元素名称(例如)中进行破折号,而对于角度组件并不是必需的,尤其是当角组件也使用Shadowdom. **编辑** 在Angular中,它甚至没有被建议. 解决方案 HTML规格允许您使用未知的标签(,),而无需html Parser抛弃拟合.为了使他们受益,Angular将这种行为用于指令,以使组件像本地一样. 没有-继承的标签.这里对升级过程有很好的解释:由于在存在自定义元素规范之前的时间内设计了角指令,因此它们不使用-.这是需要元素名称包含a -的标准. 其他解决方案 Angular不需要破折号,因为没有技术原因需要它.但是,我曾在所有大型项目上都在前缀上工作的所有组件和指令都带有两个字符,然后用dash前缀,例如" ab-tab". . 首先,在名称中使用破折号使您的语法与自定义元素标准兼容,尽管Angular并不依赖于规格. 第二,它有助于组织.标准角指令
12 2023-06-09
编程技术问答社区
PhpStorm-一个项目中的两个Dart网络应用程序
我有一个phpstorm中的飞镖项目,我有两个Web(Angular Dart)模块(或subprojects?) 我有一个问题如何运行/调试它们,因为PhpStorm创建了相同的JavaScript调试配置.当我只有一个,它效果很好. 目录结构是 ~/Zdrojaky/src/dart/app/Vavrinec(主要项目)带有两个子dirs Admin和Owner.两者的运行/调试conf均相同. 是否可以在一个phpstorm项目中运行/调试两个Web Angular Dart(或JS)应用?我希望URL中的不同端口或目录. . 解决方案 我发现Vadim Tsushko 如何在Angular Dart Project中服务多个不同目录?他的解决方案引导了我. (唯一的?)解决方案是只有一个Phpstorm项目中的所有角飞镖模块.因此,我创建了一个Client项目,并将Admin和Owner作为正常的子目录移动到了这一点. Admin和Owner中的无目录.
24 2023-06-06
编程技术问答社区
是否可以使用Angular 2 Dart前台和Node.js后台?
我正在计划在Web应用程序中使用的工具.我想将Node.js用作服务器后端,因为它具有一个对我特别有用的模块.但是,我也想将Angular 2(DART)与polymer.d在前端中使用.请问答案是否应该很明显,但是如何将我的应用程序的这两个部分无缝(并且没有转换工具)组合起来,这将如何工作,因为在均值堆栈中通常会做到这一点,因为Dart与JS不直接兼容? 目前没有任何可以证明此组合的教程或资源.在我看来,更常见的用例是让Dart还充当服务器后端. 解决方案 如何服务DART客户端应用 客户端和服务器可以是两个不同的应用程序,这些应用程序根本不绑定.唯一需要的连接是,服务器可以解释客户端发送的请求,并且客户端可以解释响应. 构建的DART客户端应用程序就像静态HTML一样,可以由任何HTTP服务器提供服务.我不知道node.js,但我认为它具有一个目录,可以在其中提供静态内容.这是您放置DART客户端应用程序的构建输出的地方. 飞镖客户端和node.js服务器
10 2023-04-27
编程技术问答社区
AngularDart。路由名称的命名空间也是分层的?
考虑层次路由的以下初始化(摘自 angulardart tutorial tutorial tutorial ) : router.root ..addRoute( name: 'add', path: '/add', enter: view('view/addRecipe.html')) ..addRoute( name: 'recipe', path: '/recipe/:recipeId', mount: (Route route) => route ..addRoute( name: 'view', path: '/view', enter: view('view/viewRecipe.html')) ..addRoute( name: 'edi
16 2023-04-19
编程技术问答社区
如何让`material-dropdown-select`显示当前模型值
使用angulardart + Angular Comparents 我需要创建一个下拉列表,该下拉列表填充了一小部分项目(使此功能工作),并自动设置为模型中对象的当前选择(没有工作). 我在称为types的组件中有一系列字符串.有一个模型对象(selected),其字段(type)对应于types中的列表. //other stuff {{type}} 尽管[selected]属性,但这并未将当前值selected.type同步到下拉
18 2023-04-13
编程技术问答社区
dart-server/angulardart和CORS的问题
我在服务器上使用DART和Angulardart作为客户端.我可以通过http.get在我的服务器上索取数据,这很好 - 但是我无法帖子工作. 服务器:(服务器使用" start" https://github.com/lvivski/lvivski/start) //runs at 127.0.0.1:4040: server.post("/rest/qr").listen((request) { addCorsHeaders(request.response); request.payload().then((map) { print(map); }).then((_) { request.response.send("ok"); }); }); 客户端(Angular): // runs at http://127.0.0.1:3030 final String _codesUrl = "http://127.0.0.1:404
20 2023-04-07
编程技术问答社区
angular.dart-Relative URL解析需要一个有效的基础URI
对于那些能够使用Angular.dart v1.1.0 的DART应用程序构建工作的电话盖应用程序的人来说,这是一个问题. 我制作了一个非常简单的飞镖应用程序.它只有一个包含三个文件的" Web"目录:index.html,main.dart和for PhoneGap的config.xml. index.html在身体标签的末端包含: main.dart包含: import 'dart:html'; import 'package:angular/angular.dart'; import 'package:angular/application_factory.dart'; class AppModule exten
24 2023-04-06
编程技术问答社区