angular2相关内容

d3.js液体填充压力表夹路径不工作

我想在我的angular2 webapp中使用 d3.js液体填充量表,但是clippath不工作,这意味着没有任何波浪。 ,而不是 因为angular2正在运行typescript,所以我调整一些修复语法错误。剪辑路径的代码片段如下。 //剪切波形区域。 var clipArea = d3.svg.area() .x(function(d){return waveSca ..
发布时间:2017-03-10 19:42:19 前端开发

D3.js组件中的样式不以角度2显示

我使用Angular 2和D3.js。 只有在 style.css 文件中输入样式时,它才有效。 检查这个plunkr 当我将我的样式放在组件 styles:[] 中,它不工作。检查这个plunkr 如何让它工作时我使用组件 styles:[] ?感谢 UPDATE: @micronyks提供了一个解决方案,但它使组件中的样式全局, style.css 文件。在此plun ..
发布时间:2017-03-10 17:29:00 JavaScript

离子2侧面菜单总是可见

当我的应用程式加载到平板电脑时,我必须在标题列中显示侧栏选单和隐藏选单图示。我试了很多,但没有成功。 解决方案 我想你正在寻找 showWhen 和 hideWhen 属性。文档此处。确实,有一个平板电脑 平台。但是你会遇到这样的情况:当用户点击菜单外面的时候,他关闭它。 正如我解释这里,我会做什么这样的行为是在菜单内容中使用组件包装并使用 showWhen 属性在 tablet 在 ..
发布时间:2017-02-16 18:43:40 前端开发

如何捆绑Angular 2组件css?

在我的角度1的应用程序,我用于捆绑所有的css在 library.css 和 application.css 。虽然这可以使用angular 2以相同的方式为普通css,有一个新的功能,允许一个“组件css”。就我可以看到Angular只是下载css文件,然后处理它添加一些id,以不互相干扰。 现在如果我只是捆绑所有这些css'es Angular将不能找到它们。是否有可能做捆绑组件css? ..
发布时间:2017-02-13 14:01:57 前端开发

如何使用Angular CLI添加应用程序广泛的CSS文件?

我想为我的Angular 2应用程序添加一些shard样式,像字体和颜色方案,将被用于每一个地方。在过去,我总是通过在我的索引页面添加一个这样的标签来实现这一点: 这不适用于CLI用于提供应用程序。我尝试手动添加的css文件到dist文件夹建立后,但是这似乎也不工作 ..
发布时间:2017-02-09 19:37:49 前端开发

如何在Angular 2中使用SASS组件样式?

在Angular 2中,当我们定义一个组件时,我们可以为装饰器指定一个 styleUrls 属性,指向要应用于组件的一组样式表: @Component({ selector:'the-app' templateUrl:'templateFile.html', styleUrls:['componentStyles.css','moreComponentStyles.css'] }) ..
发布时间:2017-02-09 16:21:17 前端开发

angular 2动画vs css动画 - 什么时候使用什么?

我目前正在尝试angular2的动画,我想知道他们带来的标准css动画/过渡的具体优势。 一个典型的材料设计卡和悬停效果与箱阴影。大多数css框架使用:hover和css转换。在使用angular 2动画有特别的优势吗? 我读某处css动画属性不调用GPU那么多,因此有一些延迟和滞后。 解决方案 问题实际上是更多 javascript动画vs css动画动画是基于javascr ..

Angular2子组件break css关系

我创建了另一个组件(ParentComponent2),需要与ParentComponent1需要的相同的精确html,所以我创建了一个子组件,并将其扩展到我需要的地方: my parent component 从'@ angular / core'导入{Component,Input} import {CategoryList}从“./metadata.service.dtos” ..
发布时间:2017-02-09 11:26:40 前端开发

动态styleUrls在angular 2?

是否可以动态地将样式表的网址插入到组件中? 类似: styleUrls:[ 'stylesheet1.css', this.additionalUrls ] 或者(假想并注意这只是假的代码): export class MyComponent implements dynamicUrls { ngDynamicUrls(){ this.inje ..
发布时间:2017-02-06 14:40:40 前端开发

使用flexbox和angular 2组件

我想更新我的angular 2应用程序的视觉侧(网格,颜色)。旧布局是用bootstrap 4构建的,我不再需要了。我决定去简单的css3,和flexbox构建网格。 我在codepen上预览了此网格。 然而在项目中的实施是困难的,我现在卡住了。让我们考虑一个例子: import {component} from'angular2 / angular2'; @Compon ..
发布时间:2017-02-06 12:34:44 前端开发

动态更新Angular 2中的css

假设我有一个Angular2组件 // home.component.ts import {component} from'angular2 / core'; @Component({ selector:“home”, templateUrl:“app / components / templates / home.component.html”, styleUrls ..
发布时间:2017-01-20 02:24:46 前端开发