草庐IT

Angular-Router-UI

全部标签

javascript - Angular 到 Aurelia 的过渡——一些基本问题

我们正在考虑将Aurelia用于新应用。我来自Angular1背景(接触过Angular2)。Aurelia看起来相当不错,我真的很喜欢他们如何承担起维护开发人员工作流程的责任。但是我有一些问题似乎无法找到答案:1)有两种一般方法(据我所知)可以在页面中包含Web组件。这些是并编写自定义元素。我的问题是,Angular非常强调作用域(即DOM中特定点的作用域)。我想知道“范围”中有什么(即可用于绑定(bind)表达式)与组合和自定义元素。我的意思是,子模板中是否有父View模型?如果是这样,subview模型属性是否隐藏/隐藏父View模型属性?2)在Angular2中,有关于如何将数

javascript - Angular .js : How to reduce font size dynamically based on characters' length?

我正在使用以下代码动态显示名称:{{profile.name}}屏幕尺寸始终为320px如果名称很短,它可以正常工作,但如果名称很长,那么名称就会分成两行,这会扰乱我的布局。所以我想在名称变得太长时自动减小字体大小......那么有什么方法可以查看div的内容并根据字符长度动态应用不同的字体大小吗? 最佳答案 使用ng-class当name很长时将一个类附加到元素20),'verylong':(profile.name.length>40)}">{{profile.name}}然后使用该类在您的CSS中更改字体大小。

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - Angular2 Material md-button错误

我早些时候看到Angular2推出了RC5,所以我决定更新我的一个测试应用程序以查看更改以及如何调整。这个应用程序正在使用Material2,我也将它更新到Alpha7.2,但是在尝试使用md-button组件时出现此错误"Templateparseerrors:Can'tbindto'md-ripple-trigger'sinceitisn'taknownpropertyof'div'.("*ngIf="isRippleEnabled()"class="md-button-ripple"[class.md-button-ripple-round]="isRoundButton()"[

javascript - UI-路由器 : param values not valid for state

githubrepo对于这个问题。我完全没有希望了。我创建了一个angular1.5.8应用程序,它在屏幕上显示Node。有两种类型的Node-文件夹和图片。当点击图片Node时,它应该使用ui-router传递params,我按照ui-router文档说的做.{{picture.url}}的插值和其他一切工作正常并提供正确的文件路径。奇怪的是,当我手动执行时,请转到:/picture/url它传递文件的路径。我得到的错误是:Paramvaluesnotvalidforstate'picture'app.config(function($stateProvider,$urlRouteP

javascript - 如何通过 SystemJs 在 Angular2 中使用时刻时区

我通过angular2-seed使用Angular2(使用SystemJS)并尝试加载moment-timezone并专门使用moment.tz.guess()。我通过以下方式导入:import*asmomentfrom'moment-timezone';当我这样做时,我的浏览器出现以下错误:GET/node_modules/moment-timezone/data/packed/latest.json.js404(未找到)anuglar2-seed使用defaultJSExtensions,我认为这就是添加不正确的.js的原因,所以我想我可以暂时关闭它-tools/config/pr

javascript - 如何将 Tesseract 导入 Angular2 (TypeScript)

我正在尝试将Tesseract导入Angular2(TypeScript)。我可以看到它保存在node_modules文件夹中,但是在使用时从'@types/tesseract.js'导入{Tesseract};它说:[ts]Module'"c:/Users/black/Projects/projectCLI/tess/node_modules/@types/tesseract.js/index"'hasnoexportedmember'Tesseract'.在index.d.ts文件中有一个名为Tesseract的命名空间。是否有其他方法可以导入它,或者我们是否以错误的方式看待它?我

javascript - 输入(类型 ="search")十字图标的 Angular 事件绑定(bind)?

如何使用Angular2(4,5,6,7)为的十字图标绑定(bind)事件?触发哪个事件?寻找类似的解决方案(除了(搜索),因为它在IE中不起作用):附加问题:这个十字图标的正式名称是什么?在不知道正确的条款时有点难以谷歌搜索/duckduckgoing寻求解决方案?重复问题:Howdoyoudetecttheclearingofa"search"HTML5input? 最佳答案 关于javascript-输入(类型="search")十字图标的Angular事件绑定(bind)?,我

javascript - 使用 React Router v4 在身份验证后导航到页面

我正在尝试在身份验证成功后从login.js导航到app.js。我能够使用路由器v3和浏览器历史记录相对轻松地完成此操作。我不太确定如何使用路由器v4导航页面,因为它们的方法似乎非常不同,而且我以前使用的方法不再有效。我尝试引用这篇文章NavigatingProgramaticallyinReact-Routerv4,但这些建议对我不起作用。关于如何使用v4在我的应用程序中遍历页面有什么建议吗?这是一个Electron应用Index.jsimport{HashRouterasRouter}from'react-router-dom';importReactfrom'react';imp

javascript - Angular 两次发送 http 请求

我用Angular4编写了一个应用程序。看起来每次我尝试访问API时,angular都会发出2个请求。我的应用程序中的所有方法都会发生这种情况,包括;获取、删除、放置、发布我将在下面添加一些代码示例。例如,我有一个NotificationComponent,它列出了来自数据库的所有通知。NotificationComponent有一个方法可以在ngOnInit上加载通知;this.NotificationService.All(AdditionalParams).subscribe(notifications=>{this.AllNotifications.Notifications=