草庐IT

css - 从 css 到 scss 的 Angular-cli

全部标签

javascript - Angular2 表单控件 valueChanges 可观察完成从未调用

我目前正在尝试在搜索进行时在我的搜索栏上显示一个简单的加载程序。我计划在从我的表单控件观察到的valueChanges的订阅回调中将一个变量设置为值“loading”,并在完整的回调中将其设置为一个空字符串。但是,永远不会调用完整的回调。我也尝试在finally上添加一个回调,但它也从未被调用过。我的代码:searchBox:Control=newControl();loadingClass:string="";constructor(){this.searchBox.valueChanges.debounceTime(400).distinctUntilChanged().subsc

javascript - 如何使用 Angular ui-router 在状态之间传递数据?

我本来没打算用ui-router做这个项目(2天前才知道),所以我对这个很陌生。我对这个问题的看法是:图像列表模板,使用ng-repeat显示,并从Controller中调用的服务获取img-src。该服务从json文件获取源。图像编辑器模板。此Controller应获取在图像列表中单击的图像的图像源。如何将图像源从一种状态(图像列表)传递到另一种状态(图像编辑器)?当我假设我不会使用ui-router及其状态时,我正在使用一项服务来做到这一点。我该如何处理状态? 最佳答案 因此,我找到了一种简单高效的数据传递方式,到目前为止,这对

javascript - 有没有可行的方法使用JS触发CSS关键帧动画?

当然,我们可以使用关键帧创建CSS动画,并从那里控制它。但是,理想情况下,我想通过单击按钮来触发此动画-因此单击按钮将是一个事件...@keyframesfade-in{0%{opacity:0;}100%{opacity:1;}}现在,点击时,我想触发这个动画;而不是在CSS动画属性中。 最佳答案 看这里jsfiddle如果您希望每次按下按钮时动画都起作用,请使用此代码:$('button').click(function(){$(".fademe").addClass('animated');setTimeout(functio

javascript - 绘图工具 - Angular2

我对Web应用程序比较陌生,因此才刚刚开始使用Angular2(还没有使用过angularJS)和Typescript。我正在尝试使用Zingchart绘制图表。我经历了5分钟的快速入门以及angular2页面中的教程,并对它的工作原理有了一个不错的了解。我按照Zingchart页面上的说明使用这两个工具(https://blog.zingchart.com/2016/03/16/angular-2-example-zingchart/)在网页上创建了一个图表。但是,我似乎遇到了问题。1)我无法从@angular/core导入AfterView。尽管页面上说我必须使用angular2/

javascript - 用函数包裹的 Angular 定义 Controller 是错误的吗?

我正在看一些代码,我看到它是这样写的。这对我来说没有意义。这是错的吗?为什么这样写?另外,usestrict;不应该放在代码之外的最上面吗?(function(){'usestrict';angular.module('itemList',[]).component('itemList',{templateUrl:'item-list/item-list.component.html',controller:['Item',ItemController]});functionItemController(Item){//code}}()); 最佳答案

javascript - 如何在数据表 Angular 中基于 JSON 动态填充表值?

我正在使用Angular-Datatables.我需要能够根据返回的数据动态创建表。换句话说,我不想指定列标题。示例:json数据:[{"id":"2","city":"Baltimore","state":"MD",},{"id":"5","city":"Boston","state":"MA",},{"id":"8","city":"Malvern","state":"PA",},]列标题:身份证、城市、州有人可以帮忙吗? 最佳答案 这真是个好问题!对于传统的jQuery数据表,这不是问题,但我们有一种不同类型的声明式设置,带有

javascript - Angular 2 注入(inject)器层次结构和 NgModule

我想知道NgModule实际上是如何影响Angular2注入(inject)器层次结构的。在具有嵌套模块的应用程序中,层次结构是什么样的?它是为每个模块创建一个新的注入(inject)器实例还是访问顶级注入(inject)器(类似于Angular1.x模块)?在大型应用程序中弄清楚这棵树可能会有些困惑。有没有一种方法可以打印、检查或直观地探索注入(inject)器的层次结构(就像Angular1.x中的范围层次结构一样)? 最佳答案 根据模块文档:https://angular.io/docs/ts/latest/guide/ngm

javascript - 我们如何使用 ember-cli 对模型混合进行单元测试

我的应用程序中几乎没有Ember.Mixin包含DS.attr()和/或DS.belongsTo()。我想知道我应该如何对它们进行单元测试?默认情况下,ember-cli生成这个测试test('itworks',function(assert){varMyModelObject=Ember.Object.extend(MyModelMixin);varsubject=MyModelObject.create();assert.ok(subject);});但是当我尝试与DS.attr()交互时,出现以下错误:TypeError:Cannotreadproperty'_attribute

javascript - 为视频而不是图像实现 Angular Masonry

我必须为视频而不是图像使用Angularmasonry网格样式,我引用了大部分Angularmasonry文档,我能找到的只是用于图像。我替换了img标签并使用了视频标签,但它仍然没有'似乎工作。任何人都可以帮助我如何包含视频。 最佳答案 谢谢大家。最后我让它工作了,我用视频标签替换了img标签,它工作得很好。尝试this并替换标签。 关于javascript-为视频而不是图像实现AngularMasonry,我们在StackOverflow上找到一个类似的问题:

javascript - 'this' 绑定(bind)到订阅函数而不是 Angular2 中的外部组件范围

我在Angular2中的一个组件中遇到问题,因为“this”在我的一个组件中绑定(bind)到错误的上下文。我有其他组件没有发生此问题,但我看不出有什么区别。这是我的代码:组件:import{Component,Input}from'@angular/core';import{FilesService}from"./services/files.service";@Component({selector:'my-app',moduleId:module.id,templateUrl:'/app/views/app.html'})exportclassAppComponent{openF