-
Angular 4 routing – redirectTo with skipLocationChange
所属栏目:[安全] 日期:2020-12-17 热度:173
我有一些路由模块,其主路径设置为:/ canvas const canvasRoutes: Routes = [ { path: "canvas",component: CanvasComponent }];@NgModule({ imports: [ RouterModule.forChild(canvasRoutes) ],exports: [ RouterModule ],declarations: [],providers: []})[详细]
-
模块中声明的InjectionToken的@Inject()在angular2中失败
所属栏目:[安全] 日期:2020-12-17 热度:170
最近我遇到了在模块中声明的InjectionToken问题 import {InjectionToken,NgModule} from '@angular/core';import {SampleComponent} from './sample.component';export let SOME_TOKEN = new InjectionTokenstring('someToken');@NgModule({ declarations: [[详细]
-
单击highchart系列时调用角度分量方法
所属栏目:[安全] 日期:2020-12-17 热度:168
我使用angular2-highcharts,我想在本地函数中调用组件方法,但我不知道它是如何可能的. 你可以帮帮我吗 ? 一个掠夺者的例子: http://plnkr.co/edit/gOLGytp9PZXiXvv2wv1t?p=preview import { platformBrowserDynamic } from '@angular/platform-browser-dyn[详细]
-
Angular 2 Dart:如何检测点击除元素之外的所有内容?
所属栏目:[安全] 日期:2020-12-17 热度:79
在一个组件中包含许多不同组件的应用程序中,我有一个自定义自动建议框.如果用户点击自动建议框(或包含自动建议框的元素)的任何位置,则应关闭该框. 这就是我在jQuery中要做的事情: $(document).on('click','body',function(e) {if(e.target!='.suggestbox' $[详细]
-
Angular.io / Angular 4.如何在触发另一个组件视图时刷新它
所属栏目:[安全] 日期:2020-12-17 热度:176
我有一个简单的Angular.io应用程序. (angular-cli / 4.1.0) 我有一个NavbarComponent,用于呈现用户名. 第一次访问应用程序时我没有登录,我的应用程序重定向到LoginComponent.我的NavBar也被渲染但没有用户名.成功登录后,我被重定向到我的HomeComponent. 这就[详细]
-
以角度2启用生产模式
所属栏目:[安全] 日期:2020-12-17 热度:177
我一直在使用Angular 2和Firebase创建Web应用程序, 我想启用生产模式. main.ts if (environment.production) { enableProdMode();} environment.ts export const environment = { production: true}; environment.prod.ts export const environment = { prod[详细]
-
angular2 ngModel,其值来自@Input
所属栏目:[安全] 日期:2020-12-17 热度:174
我正在尝试在我的子组件中使用[(ngModel)],其中一个字符串通过@Input()从我的父组件传递到我的子组件. 然而,双向绑定似乎不起作用.字符串正确地从父项传入,但是当我在子项中编辑它时,父项的值不会更新. 我错过了什么? 家长: @Component({ selector: 'my-ap[详细]
-
预填充输入在`FormGroup`中的输入 – Angular2
所属栏目:[安全] 日期:2020-12-17 热度:185
我正在使用Angular2 – Reactive Forms.一切正常,直到我想在Form中的一个字段中显示预先填充的值. 场景:页面上有多个按钮,每个按钮打开一个带有字段的表单 姓名 电子邮件 消息 产品代码 – 此值应根据服务项目代码预先填充. Failing Scenario: Product Code[详细]
-
Angular2:渲染/重新加载组件的模板
所属栏目:[安全] 日期:2020-12-17 热度:71
理想情况下,我需要重新加载/重新呈现组件的模板,但如果有更好的方法,我会很乐意实现它. 期望的行为: 所以,我有一个菜单元素的组件.当(在另一个组件中)我点击一个IBO(某种’客户’,每说)被点击我需要添加(我使用* ngIf)菜单中的新选项,即IBO详细信息和子列表[详细]
-
角度 – 离子3指令不起作用
所属栏目:[安全] 日期:2020-12-17 热度:144
我一直试图在离子中创建一个指令,它只是不工作,我似乎不知道为什么. 我希望指令允许自动调整大小.因此,当它有更多的文本时,它只是不断调整大小. 这是我的代码: 我的项目是一个离子3项目,使用角度4,新版本. import { Directive,HostListener,ElementRef } fr[详细]
-
angular – Ionic 2 – 如何仅在登录页面上删除分割面板?
所属栏目:[安全] 日期:2020-12-17 热度:168
我在app.html中使用此代码,拆分窗格工作得很漂亮.但问题是,窗格适用于登录或SignUp等每个页面,因此请帮助我防止拆分窗格适用于每个页面. ion-split-pane when="(min-width: 768px)"ion-menu [content]="content" ion-content id="Chat" /ion-content/ion-men[详细]
-
angularjs – 具有隔离范围的嵌套指令中的双向绑定延迟
所属栏目:[安全] 日期:2020-12-17 热度:75
我有一个控制器包含一个带有隔离范围的指令.每当用户更改指令下拉列表中的值时,我都需要通知控制器有关更改的信息.我这样做是通过为指令提供回调函数,并在指令的下拉列表中的ng-change事件上调用此函数.我不能(也不想)在父控制器中使用手表,因为我只对用户生[详细]
-
angularjs – Angular 2:AOT TypeError:base64不是函数
所属栏目:[安全] 日期:2020-12-17 热度:117
我试图用aot编译我的项目,但是当我尝试命令时 ngc -p tsconfig-aot.json 它在第一次使用ngFactroy生成aot文件夹,但是当我更改主要ts(如角度文档中提到的)为bootstrap新生成的ngmodulefactory并使用相同命令重新编译项目时 我得到了以下错误 TypeError: base6[详细]
-
从angular2中的字符串解析组件的类型<>
所属栏目:[安全] 日期:2020-12-17 热度:89
是否可以从字符串值获取组件类型(Type T)? Smth喜欢: let typeStr: string = 'MyComponent';let type: any = resolveType(typeStr); // actual type 解决方法 如果不为类保留“注册表”,则无法做到这一点. interface Component { }type ComponentClass = {[详细]
-
angular – 在运行时从不同服务器加载模块
所属栏目:[安全] 日期:2020-12-17 热度:70
是否有可能在我的角度2应用程序运行时从不同的服务器加载不同的模块,如果是这样,我怎么能实现这一点? 我希望我的应用程序从隔离的服务器(A,B,C)加载整个应用程序中的不同组件,因此可以从主应用程序和A,B或C中包含的任何组件中独立地删除和更新它们.将不会被[详细]
-
Angular 2数据流与Flux之间的关键区别是什么?
所属栏目:[安全] 日期:2020-12-17 热度:90
嗨,我现在正在研究Angular 2和React Redux,我对这两个选择的数据流差异的区别有疑问. Angular 2默认使用单向数据流. Redux是一个Flux实现,它(也)使用单向数据流.这些之间的关键区别是什么? (可能是部件的组成?) 如果这两者在数据流方面没有太大差异,为什么[详细]
-
angularjs – AngularFire $add操作导致浏览器冻结
所属栏目:[安全] 日期:2020-12-17 热度:65
我正在使用 angularjs学习Firebase.从本教程 https://thinkster.io/tutorials/angularfire-realtime-slack-clone/creating-the-channels-sidebar开始,用于添加新聊天室的代码就是这样的 channels.$add(vm.newRoom).then(function (ref) { 但是,当我运行应用[详细]
-
从Angular 2组件访问root html标记
所属栏目:[安全] 日期:2020-12-17 热度:169
所以问题是,是否可以使用Renderer来调整主要Angular 2应用程序组件之外的标签,比如标签?如果是,那么最好的方法是什么? 让我来介绍一下背景.我正在尝试使用Angular 2构建一个多语言站点,我遇到了一个我无法找到解决方案的问题.问题是我在html标签中使用lang[详细]
-
Angularjs – Firefox无法在新标签中打开blob网址
所属栏目:[安全] 日期:2020-12-17 热度:109
我有以下代码在Chrome和IE中正常工作.用户单击锚标记并执行代码,然后在新选项卡中呈现pdf文件,其中包含url blob: http://localhost:57389/5aee262a-8bc9-4943-b67f-7b76aeef4b99 vme.loadAttachment = function (attachment) { taskService.getAttachmentCo[详细]
-
Angular 2隐形组件容器
所属栏目:[安全] 日期:2020-12-17 热度:174
像 app-root / app-root这样的容器可以打破css布局,特别是如果使用flexbox. 是否可以使用隐形组件容器?我尝试了选择器:'[app-root]’已经包含以下标签,但它们都创建了一个dom元素: template,ng-template,ng-container 如果确实需要这个容器,那么如果Angul[详细]
-
如何使用Angular 2为不同的环境加载不同的全局CSS样式
所属栏目:[安全] 日期:2020-12-17 热度:140
我想为不同的环境加载不同的全局CSS样式. 在angular-cli.json中,它是“硬编码”到“styles.css”.有没有办法加载不同的css文件 – 基于环境中定义的一些属性? 解决方法 根据user1964629的回答,我提出了以下解决方案 我有一个白色标签的网络应用程序,我想根[详细]
-
angular – 不同语言的Firebase错误消息?
所属栏目:[安全] 日期:2020-12-17 热度:104
在视图中显示Firebase错误消息(error.message)会导致英语错误说明(例如,对于身份验证错误,如果用户凭据包含错误). 您将如何以不同语言显示消息(最佳情况:使用手机语言)? 解决方法 现在这是不可能的.我建议使用错误代码(error.code),这是一个独特的错误代码[详细]
-
在特定路线中添加类 – 角度2
所属栏目:[安全] 日期:2020-12-17 热度:132
我想在某条路线上添加课程.代码在我的AppComponent中,我使用的是ngClass. @Component({ selector: 'my-app',template: `a [ngClass]="getRoute(router)" // Some html code.... }) 然后我在相同的app.component.ts上有这个功能 export class AppComponent {[详细]
-
如何预先填充Angular 2中的数据?使用FormGroup?
所属栏目:[安全] 日期:2020-12-17 热度:90
我正在Angular 2中构建一个表单.构建提交表单的过程很简单,但我还需要一个编辑功能.我的问题是我不明白如何从后端预先填充表单中的数据.我有一个后端服务,我从中获取数据.但我不知道这些数据将如何绑定到现有表单. 表格的代码如下: – 组件代码 import { Co[详细]
-
angular – 如何更改从列表中选择的项目的背景颜色?
所属栏目:[安全] 日期:2020-12-17 热度:60
import { Component } from '@angular/core';export class Hero { name: string;}const HEROES: Hero[] = [ { name: 'STWX1' },{ name: 'STWX2' },{ name: 'STWX3' },{ name: 'STWX4' }];@Component({ selector: 'my-app',template: ` div style="display: i[详细]