草庐IT

ng-maxlength

全部标签

如何在 Angular 中使用 ng-container 元素

简介ng-container是Angular2+中可用的一个元素,可以作为结构指令的宿主。在本文中,您将探讨可以使用ng-container解决的场景。先决条件如果您想跟着本文学习,您需要:熟悉DOM的结构。要了解更多,请查看教程系列《理解DOM》。对Angular模板和结构指令有一定的了解可能会有所帮助。使用ng-container避免冗余元素在Angular中,您不能在一个元素上使用多个模板绑定。以下结合了*ngIf和*ngFor结构指令的示例将无法编译通过:[secondary_label无效示例]div*ngIf="todos"*ngFor="lettodooftodos">{{tod

添加ng class的课程单击孩子的父母

我有以下问题。我需要设置active与父母的课div从ChildDiv点击,该父母内部。为了说明我将提供一个代码。并省略它的一部分以确保可读性。html...SelectCSS.selected{border:2pxsolid#ffbe10;}.selected-cta{background-color:#ffbe10;}如你所见,我有offer__container获取一些数据并进行NG重复,我需要能够点击offer__container__cta添加active样式对父容器的样式,并跟踪,就像我单击另一个div通过NG重复渲染,应采用主动样式并将其转移到该div。最好还是想设置某些样式of

Prime NG Datable Paginator将数据更改重置为第一页

我正在使用Primeng数据组件如果我修改myModel表,它将我的Paginator重置为第1页...有人能解决这个问题吗?看答案是的,实际上,这很愚蠢,当我找到这个时,我对自己的愚蠢感到震惊。问题:您的数据是否在*ngIf="myModel"?

传递对ng的参考

基本上我要解决的问题是这个plunker在选项卡之间切换的地方,我将使用相同的视图进行即将到来的访问和完整的访问ng-include.在Plunker(TL;DR)中对应用程序的说明在我的应用程序(Angularjsv1)中,我正在使用一个模块,该模块正在管理其中构建的一些指令(这是关于它的github参考).使用此插件,我尝试动态地包含相同的视图(使用ng-include)在每个标签的正文中。{{itemTab.tabHeader}}传递的数据就是这样(以下数组可以动态包含2个以上的对象,这就是为什么我正在执行ng-repeat在上面的代码中):$scope.itemTabs=[{tabHe

如何在 Angular 中使用 ng2-charts 来使用 Chart.js

介绍Chart.js是一个流行的JavaScript图表库,ng2-charts是Angular2+的一个包装器,用于在Angular中集成Chart.js。在本教程中,您将使用Chart.js和ng2-charts在Angular应用程序中创建示例图表。先决条件要完成本教程,您需要:本地安装了Node.js,您可以按照《如何安装Node.js并创建本地开发环境》中的步骤进行安装。对设置Angular项目和使用Angular组件有一定的了解可能会有所帮助。本教程已使用Nodev14.13.1、npmv6.14.8、angularv10.1.6、chart.jsv2.9.4和ng2-charts

Angularjs-从收集属性设置NG模型

我有这个相当奇怪的问题ng-model对于选择的下拉列表。我正在使用的属性值ng-model似乎与ng-options但ng-model总是最终成为null.这是获得订单的方法:orderService.getMerchantOrders(qs).then(function(response){$scope.isLoading=false;$scope.pagerService=newpagerService({page:$scope.pagerService.page,data:response.data.items,total:response.data.total,sortVars:re

Angular NG重复多个滤波器或

我该如何过滤ng-repeat有多个过滤器OR?...我要那个searchText使用所有字段过滤,并且这样做functionFilter我想检查其他事情,它可以做到这一点,但是我希望这两个过滤器使用逻辑OR但是现在他们正在与AND.如建议,我尝试了...但是看来只能起作用functionFilter并且...只需显示全部。看答案这很简单。为此做一个共同的功能。这里是searchText内部html......内部控制器...我做了一个虚拟的例子。您必须根据您的条件来管理状况。$scope.searchText=function(item){if(!$scope.query||(item.br

在最外面的NG重复中获取嵌套NG重复的计数,并根据NG模型值动态更新

我有三个嵌套的ng重复,以显示驱动器相应的文件夹及其相应的文件。示例数据如下所示Drives=[{name:'CDrive',folders:[{name:'personal',files:[{name:'a.txt'},{name:'b.txt'}]}]}]因此,我有三个嵌套的ng重复,以显示驱动器名称,其文件夹和文件夹中的文件。如何在驱动器中获取文件总数并沿驱动器名称显示。示例代码{{drive.name}}{{folder.name}}{{filteredfiles.length}}{{file.name}}请注意,我有一个搜索过滤器,因此驱动器中的文件数应根据所应用的过滤器值动态更新,

'ng'不被认为是内部或外部命令

删除了先前版本的node.js后,现在我安装了它的最新版本。我还安装了@angular/cli。但是,当我试图通过CLI创建新项目时,我会遇到错误“ng”不被认为是内部或外部命令。我使用命令和所有文件夹卸载了几次卸载的node.js。我试图安装@angular/cli,但要低于错误。任何帮助都感激不尽。提前致谢。看答案有两个原因。可能是您没有NPM文件夹PATH安装角(Angular)之后(npminstall@angular/cli-g)在系统或用户环境中附加以下条目:%userProfile%\appdata\roaming\npm打开一个新的窗口外壳ng命令应可用。ng-v_______

html - ng-show 指令仅在设备上返回正确但为空的 <img>

我已经看到了一些此类问题的答案,但似乎没有任何效果。我在ion-list中有一张图片我的Ionic应用程序应该使用ng-show访问它们Angular指令。在我的机器上本地运行,这些加载完美。然而,当部署到我的iPhone5s时,显示的只是一堆空图像。在我的测试中,我还包括了第二组应该做同样的事情,放在之外。标签和使用ng-src而不是src和ng-if而不是ng-show.没有任何作用。这是当前的HTML:在一天的大部分时间里,我一直在为此苦苦挣扎,而且在那段时间里,我一直在解决比这大得多的问题。出了什么问题? 最佳答案 我找到了