草庐IT

angular-ui-tab

全部标签

javascript - Angular 的 FormArray 什么时候是传统数组,什么时候是 FormArray 对象?

我用ControlValueAccessor构建了一个自定义输入组件,它非常适合添加标签作为选择。(Stackblitz)我的问题是:当我在表单中实现组件时(城市和州控件)通过选择一些选项为两个控件添加值提交表格有时控件值是选定标签的数组(正如预期的那样)其他时候它是一个实际的FormArray对象这是提交Angular表单后同一组件的两个值的屏幕截图。一个是对象数组(预期),另一个是实际的FormArray对象,其中.value属性包含对象数组!如果您不想访问StackBlitz,这里有一些它如何工作的代码。自定义控件是这样实现的。this.form=this.fb.group({t

javascript - 派发一个 Redux Action 并将后续 Action 作为有效负载以显示 Material UI 的 snackbar 或对话框

我将React与Redux和MaterialUI结合使用来构建网络应用程序。Web应用程序由多个页面和组件组成。我知道snackbar或dialog应该直接连接到用户正在做的事情。但是,我想让snackbar和dialog独立于页面和组件。因此,一个用例显示一条消息,例如后台数据同步失败和一个操作立即重试。我的想法是在名为RootFrame的页面上呈现snackbar,该页面用于包装所有其他页面并将snackbar的文本作为操作的有效负载进行分派(dispatch)。显示snackbar的Redux操作:exportfunctionshowSnackbar(message:string

javascript - 当构造函数有参数时 Angular 2 中的依赖注入(inject)

我有一个表示模型的typescript类,我希望实例通过Angular的Http服务与API通信。但是模型的构造函数在创建实例时需要参数。例如一些super简单的东西:classSomeModel{constructor(publicid:number,publicname:string,){}我想注入(inject)Http服务,以便我的实例可以使用它,但似乎规范的方法是用以下命令征用构造函数:constructor(http:Http)我一直在研究Injector文档,但它有点稀疏,我还没有找到任何有用的东西。有没有一种方法可以在不使用构造函数模式的情况下从DI系统获取对Http等

javascript - 我怎样才能模拟点击 jQuery UI 单选按钮?

我有一些单选按钮AB我把它变成了jQueryUI按钮$("#typeRadios").buttonset();我可以使用哪一行代码来模拟对其中一个按钮的点击?这个我试过了//heredata.chartypeequals"A"$("input[value='"+data.chartype+"']").click();但它不起作用。感谢阅读。 最佳答案 您必须使用jQueryUI添加的label元素来完成此操作。尝试:$("label[for='character_chartype_"+data.chartype+"']").clic

javascript - Angular 替代 $http

在AngularJS中,我使用内置的$http服务发送请求。我应该使用什么来向Angular中的服务器发送请求?我找不到任何涵盖该主题的文档。 最佳答案 编辑:有一个apipreview对于Angular2上的新http服务website现在有一个基本的httpservice目前在Angular2中,但它现在非常简约。该软件处于alpha阶段,很可能会发生变化,因此您可能只想使用fetchAPI,实现你自己的XMLHttpRequest,或使用类似jQuery的库反而。目前,Angular2httpapi与fetchAPI基本相同。

javascript - 如何编写通过选择器切换类的 Angular Directive(指令)

我正在尝试编写一个根据选择器条件切换类的指令:Examplecheckbox我需要以某种方式监视元素及其后代上的DOM更改,但我得到了ng:areqerror.我该怎么做?define(function(require){var_=require('lodash');return{restrict:'A',scope:{object:'@classWhen'},link:function(scope,element){scope.$watchCollection(function(){returnelement.find('*').add(element);},function(){_

javascript - Angular 的 PRE-Gzipped 文件不是通过 IIS 提供的吗?

我已经准备好所有设置(在我家,Windows10)以创建和服务js作为gz文件,但仍然-我只得到常规js文件(具有原始大小)。Configuration—Angular的webpack文件:newCompressionPlugin({asset:"[path].gz[query]",algorithm:"gzip",test:/\.js$|\.css$|\.html$/,threshold:10240,minRatio:0.8})—该配置的输出文件:—Index.html文件:...Loading......Diagnostics当我导航到http://kkk.com/index.ht

javascript - 如何摆脱 Angular aot 编译中装饰器不支持函数调用的问题?

我正在测试HighchartsAngular2xWrapper.起初,我使用AngularCLI(1.6.1)“ngserve”并使用Chrome分析性能没有问题。然后,我尝试使用提前编译来查看它对性能有何影响。所以,使用:ngserve--aot我收到以下错误:ERRORinErrorduringtemplatecompileof'AppModule'Functioncallsarenotsupportedindecoratorsbut'ChartModule'wascalled.现在,我知道aot为模块生成工厂代码并以某种方式将模板“转换”为VanillaJS,这里的事情变得有点棘

javascript - Angular 6 服务和类继承

Angular6现在有injectableproviders这是注入(inject)服务的新推荐方式,它工作得很好,除了我在使用扩展另一个服务的服务时遇到问题。举个例子,假设我有@Injectable({providedIn:'root'})exportclassParentAppService{...}@Injectable({providedIn:'root'})exportclassChildAppServiceextendsParentAppService{...}问题是无论我在组件中请求什么,父类总是被注入(inject)。所以如果你要求constructor(private

javascript - 没有标题栏但保留关闭按钮的 jQuery UI 对话框

我想删除jQuery对话框的标题栏。但我想将关闭(十字)按钮保留在那里。我发现了这个问题:jqueryUIdialog:howtoinitializewithoutatitlebar?那里的答案解释了如何删除标题栏,但如果我这样做,它也会删除关闭按钮。还有其他链接,但它们都做同样的事情。他们只是隐藏了整个标题栏和关闭按钮。有什么解决方案可以隐藏标题栏,同时保留关闭按钮吗? 最佳答案 使用它来删除jQuery对话框的标题栏而不是关闭按钮$(function(){$("#dialog").dialog();$("#ui-dialog-t