angular2-directives相关内容
我的 angular 站点运行良好,但是当您单击进入一个项目时,它会立即加载页面,有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口,类似这样: routerCanDeactivate(c
..
我正在构建一个 angular 2 应用程序,我需要一种方法来获取对由 angular 框架注入/实例化的服务/类的引用. 我有一个通用类...我们称之为自定义类,我在整个网站中都使用它.然而,这个类是由我实例化的,而不是 angular 2.现在,我需要在该类中使用由 angular 2 实例化的一些服务. 即 //这不是 Angular 组件/服务导出默认类自定义{构造函数(属性
..
如何在 angular 4.0.2 中检测浏览器关闭事件 我试过了 @HostListener('window:unload', ['$event'])卸载处理器(事件){...} @HostListener('window:beforeunload', ['$event'])beforeunloadHandler(事件){...} 但不适合我.谁能帮我吗.如果我刷新页面,
..
我知道提供者是为了从另一个类获取服务,但什么是多提供者和令牌的东西? 还有当我们执行 multi=true 时? provide(NG_VALIDATORS, { useExisting: class), multi: true }) 解决方案 multi: true 意味着一个提供者令牌提供一组元素.例如,所有支持路由器的指令 routerLink、router-outlet 都由
..
我正在尝试在 ngFor 指令中绑定图像的 src 属性,如下所示: 组件内的 imageSrc 方法如下所示: imageSrc(imageId: string){var hostUrl = "http://192.168.0.101:3000/";var imageUrl =
..
我正在尝试构建自己的 Modal 组件,以便能够在我的 Angular2 应用程序中重复使用.我正在考虑不同的方法,我想知道是否可以创建也用作 @Injectable 的 @Component?我正在考虑这个,因为我想为 Modal 构建一个模板,并将其保存在一个地方. 谢谢 解决方案 一个组件默认是可注入的 @Component()(或 @Directive())包括 @Injec
..
我需要使用 FileSaver.js (https://github.com/eligrey/FileSaver.js/) 在我的 Angular2 应用程序中. 我知道我可以将它作为脚本文件添加到主 html 页面中,它会起作用.但我想知道在 Angular 2 (TypeScript) 应用程序的情况下最好的方法是什么,这样我就可以调用 window.saveAs 来保存文件. 解
..
我已经为用户创建了登录页面.如果他们点击提交按钮,页面将导航到一个组件(test.component.ts,test.component.html,..). 我需要在全屏模式下制作该窗口.像,(html5 中的视频控制全屏). submitLogin() {if (this.userName === 'Student' && this.passWord === 'student@123')
..
AoT 编译导致“JavaScript heap out of memory"错误 我正在尝试按照 angular.io 上提供的 AoT 指南来编译我的项目 下面是我的 aot 类型脚本配置文件 {“编译器选项":{“emitDecoratorMetadata":真,"experimentalDecorators": 真,“模块":“es2015","moduleResolut
..
我有一个 Angular 2 组件,它根据某些用户操作从数据库加载 html.html 包含带有相对路径的锚标记.鉴于我不希望在用户单击链接时重新加载整个应用程序,我正在尝试使用 routerLink 指令;但是,由于此 html 是动态加载的,因此不会处理 routerLink.html 将不包含任何其他角度指令.实现这一目标的最简单方法是什么?请参阅下面的示例. import { Compo
..
我是 Angular 的新手.我从 ver 开始.2. 我需要链接到 file://... URL.我试过普通的href: 注意:app 是处理应用程序的网络模型对象. 这里没有链接. 这不起作用 - 链接在那里,具有正确的 URL,但 Angular
..
我正在构建一个 angular 5 应用程序.在我的 HTML 页面中,我有一个表格显示了被查询的数据.此数据使用 指令显示在 ag-grid 中.网格中的一列显示为 HTML 链接.我正在使用 cellRendererFramework 功能将列中的值显示为链接.它工作正常,并在表中每一行的该列的值上显示链接.我的要求是我想将附加参数从主组件类传递给 cellRendererFramework
..
我在理解这里的逻辑时遇到了一些麻烦 根组件 import { Component } from "angular2/core";import { TopNavigationComponent } from "./shared/navigation.component";import { ArcListComponent } from "./arc/arc-list.component";i
..
我的 angular 站点运行良好,但是当您单击进入一个项目时,它会立即加载页面,有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口,类似这样: routerCanDeactivate(c
..
我正在创建一个组件,然后将其设置为根组件,然后出现错误 模板解析错误:无法绑定到 'routerLink',因为它不是 'a' 的已知属性. 我在组件注释中使用 RouterLink 作为指令,但它无法工作. app.routes.ts import { ModuleWithProviders } from '@angular/core';从'@angular/router' 导入 { R
..
我正在试验新路由器(版本 3.0.0-alpha.7),想知道如何通过 routerLink 指令指定查询参数? 下面的 Router.navigate() 方法生成一个 URL,如 http://localhost:3000/组件-a?x=1 this.router.navigate(['/component-a'], {queryParams: {x: 1}}); 但是,我不知道如何
..
在 RC.1 中使用新路由器时,我似乎无法扩展 RouterOutlet 示例: import { Directive } from '@angular/core';从 '@angular/router' 导入 { Router, ROUTER_DIRECTIVES, RouterOutlet };@指示({选择器:'路由器插座'})导出类 RouterOutletDirective 扩展
..
我有时有一个组件可以接收这样的文本: 文本 www.website.com 但是如果它是链接,我想将其转换为网址.像这样. 文本 www.website.com 我读过这个 SO answer 建议使用 3rd 方库,例如 anchorme.有没有办法以 angular2 的方式做到这一点? 解决方案 使用简单的正则表达式修改 HTML 内容存在许多问题. 这
..
我遇到了 Angular2 路由器和异步管道的问题. 我正在尝试呈现 RxJs Observable,但数据不会自动呈现. 必须单击要呈现数据的路线的链接. 这是根应用程序: import {bootstrap} from 'angular2/platform/browser';从 'angular2/http' 导入 {HTTP_PROVIDERS};从'angular2/r
..
长期用户,第一次提问!两天的大部分时间里,我一直试图弄清楚这一点,但无济于事,所以我们开始吧. Angular2 中来自外部源的动态编译模板? 我正在使用 http 从 WordPress API 以 HTML 的形式获取页面内容.所以我有一个这样的模板:
和“contentHTML"是组件中的字符串
..