-
angular – 将PrimeNG DataTable导出为ex??cel,pdf和xml
所属栏目:[安全] 日期:2020-12-17 热度:195
PrimeNG DataTable具有将数据导出到CSV文件的功能.我需要提供将数据导出到Excel,PDF和 XML的功能.我怎样才能在Angular2应用程序中实现这一目标? 解决方法 PrimeNg本身不支持除CSV数据之外的任何内容.所以你需要从“scratch”构建这个功能. 一个好的方法是这[详细]
-
如何使用AngularJS将树结构绑定到accordion或list(li)
所属栏目:[安全] 日期:2020-12-17 热度:150
如何使用角度将树结构绑定到手风琴.树结构就像父母和孩子.怎么弄这个?能够绑定完整列表. 角度代码: $scope.groups = [ { ID: 1,Name: "parent",ParentID:0 },{ ID: 2,Name: "child",ParentID: 1 },{ ID: 3,Name: "subchild1",ParentID: 2 },{ ID: 4,Name:[详细]
-
angularjs – 新添加的md-input-container显示为无效
所属栏目:[安全] 日期:2020-12-17 热度:166
在提交表单并动态添加新的md-input-container文本框时,它显示红色的文本框,但由于用户没有触摸文本框,它应该以默认颜色显示. 请在这里找到问题: Code pen link here HTML: div ng-controller="AppCtrl" layout="column" ng-cloak="" class="inputdemoError[详细]
-
如何使用Angular 2在单个ts文件中编写2个表单验证?
所属栏目:[安全] 日期:2020-12-17 热度:103
我是Angular 2的新手. 我们在HTML中有2个表单,带有单独的div标签,每当第一个div执行时,第二个div就是假状态.每当成功回调第二个div就会成为真状态.每当它进入第二个div真状态时它将显示this error message. 下面是我的.ts文件代码: constructor(public navC[详细]
-
angularjs – 在ui-grid数据刷新后保持选择
所属栏目:[安全] 日期:2020-12-17 热度:81
我在我的网络应用程序中使用ui-grid. 一切都运行正常,问题是当我刷新网格数据时,选择被删除. 在小提琴中,当我选择一行然后点击刷新按钮时,ui-grid选择被删除. JSFiddle:http://jsfiddle.net/mdawood1991/xyuotpe8/6/ HTML: div ng-controller="MyCtrl as c[详细]
-
如何使用Angular 2访问API?
所属栏目:[安全] 日期:2020-12-17 热度:104
我希望能够在我的Angular 2应用程序之外导航到mywebsite.com/api.这应该带我到同一服务器托管的API应用程序. 这是我目前的路线设置. export const routes: Routes = [ {path: '',redirectTo: '/home',pathMatch: 'full'},{path: 'home',component: HomeCompo[详细]
-
数组 – 如何使用ngFor Angular 2在对象数组中显示数组
所属栏目:[安全] 日期:2020-12-17 热度:61
我需要显示位于对象数组中的数组质量.我尝试使用下面的代码在ngFor中调用它.我使用ngFor有什么问题吗? import { Component} from '@angular/core';@Component({ selector: 'my-app',template: `table thead tr thName/th thQuality1/th thQuality2/th /tr /[详细]
-
laravel – Angular 2覆盖组件
所属栏目:[安全] 日期:2020-12-17 热度:192
我来自Laravel世界,对Angular 2世界有点新意,我很难弄明白: 是否可以覆盖Angular 2中的组件或模板,就像我们用来覆盖Laravel中供应商/自定义包的视图一样? 这是一个虚拟文件夹结构,可能表达我的意思: |-resources |-assets |-typescript |-core |-core.com[详细]
-
单元测试 – Angular2 – 单元测试表单提交
所属栏目:[安全] 日期:2020-12-17 热度:200
我有一个简单的组件,它在表单元素中包含两个输入字段.单击提交按钮,它将调用组件上的addUser函数. 组件模板如下: div form [formGroup]="signupForm" (submit)="addUser($event)" role="form" class="form-horizontal" labelFirstname:/label input type="t[详细]
-
angular – 在嵌套子组件中使用辅助路径
所属栏目:[安全] 日期:2020-12-17 热度:127
我试图在一个子组件中使用 Auxiliary Routes,类似于 here发布的问题.由于发布的“解决方案”更像是一种解决方法,我很好奇如何在上面的博文中做到这一点. 我在路由器3.1.2中使用Angular 2.1.2. parent.module import { NgModule } from '@angular/core';impor[详细]
-
kendo-ui – 用于Angular 2上传组件的Kendo UI – 上传方法
所属栏目:[安全] 日期:2020-12-17 热度:157
我使用 OpenStack Swift作为blob存储,他们使用PUT方法创建对象. 至于前端,我使用Angular 2的Kendo UI上传媒体.现在的问题是Kendo UI上传服务,它只使用POST方法. 正如他们提到的site The handler has to accept POST requests containing one or more fields[详细]
-
angular – 是否可以在路由器中安装多个loadChildrens?
所属栏目:[安全] 日期:2020-12-17 热度:87
我正在使用角度2的最终版本,并看到了loadChildren的一个很好的延迟加载功能. 一个最小的例子 export const routes: Routes = [ { path: 'crisis',loadChildren: 'app/crisis/crisis.module#CrisisModule' }]; 在这种情况下,crisis.module被延迟加载,但它是一[详细]
-
如何在Angular2中追加/更新查询参数
所属栏目:[安全] 日期:2020-12-17 热度:194
我在我的应用程序中使用查询参数,我想在导航和更新设置时保留/更新.通过执行以下操作,我可以毫无问题地添加参数. onNavigate() {this.router.navigate(['reports'],{queryParams: {'report': this.chart},preserveQueryParams:true});} 但是,我希望能够更改[详细]
-
Angular 2如何实现多个布局组件
所属栏目:[安全] 日期:2020-12-17 热度:123
你好,亲爱的互联网!首先,非常棒,感谢这种惊人的前端技术. 我们目前在路线和应用布局结构方面遇到了困难. 我们如何实现多个HomeLayoutComponents并根据状态(例如isLoggedIn)重新定义哪一个用作默认值!? 我们想要实现的是单页应用程序体验,用户可以浏览应用[详细]
-
angularjs – ng-repeat在通过工厂服务获取时不显示数据
所属栏目:[安全] 日期:2020-12-17 热度:126
需要帮助来理解我的错误/在页面上显示数据. 我在论坛上几乎每个问题都说“ng-repeat not working”.但仍然无法找到答案. (请注意:我第一次尝试通过$http创建工厂服务来获取数据) 请查看我的以下JavaScript代码(模块,控制器和工厂在一个地方定义) //App decl[详细]
-
Angular 2检查元素可见性
所属栏目:[安全] 日期:2020-12-17 热度:139
如何检查屏幕上是否显示元素(或组件)? 在特定情况下,我在引导程序下拉列表中有一个组件,并且我希望我的组件仅在下拉列表打开时执行某些操作(但我不想使用对下拉项的引用). 解决方法 如果你还没有,我会使用ng-bootstrap,特别是NgbDropdown组件. https://ng-b[详细]
-
Angular 2 AOT不起作用.为什么“platformBrowser().bootstrapMod
所属栏目:[安全] 日期:2020-12-17 热度:73
当我使用JIT运行我的Angular 2应用程序时,一切正常. 但是在我切换到AOT后,我的应用程序开始拉动带有附加前缀的链接(“/ src / linker / ng_module_factory”),例如: JIT拉:http:// localhost:8080/node_modules/@angular/core/bundles/core.umd.js AOT拉[详细]
-
Angular 2试图在服务中实现Observable
所属栏目:[安全] 日期:2020-12-17 热度:96
我试图使用observable将数据从一个组件发送到另一个组件.在这里,我正在实现像这样的服务中的可观察性…… import { Injectable } from '@angular/core';import { Observable } from 'rxjs/RX'@Injectable()export class SelectedItemService { stream1$:Obse[详细]
-
angularjs – 如何从ui bootstrap的uibModal.open设置组件输出绑
所属栏目:[安全] 日期:2020-12-17 热度:199
给定一个带有输出绑定的组件,如下所示: angular.module('app').component('myComponent',{ templateUrl: 'myComponent.html',bindings: { onSelect: '' },controller: class { selectedItems = []; // called when the user clicks a button,outputs an arr[详细]
-
ionic 2错误’ReferenceError:未定义sqlitePlugin’
所属栏目:[安全] 日期:2020-12-17 热度:170
我一直在使用离子2 native sqlite plugin制作一个基本的应用程序,以捕获图像并将图像存储到手机本地存储.当我在genymotion模拟器上运行应用程序时,我不断收到未捕获的异常错误(似乎来自sql插件). 当我使用-live参数(离子运行android -c -l)时,应用程序重新加[详细]
-
JHipster非角度登陆页面
所属栏目:[安全] 日期:2020-12-17 热度:173
我想在JHipster项目中使用普通的html视图作为登陆页面. Spring-Boot控制器是否有最佳实践?我的目标是为路径“/”使用非角度html页面. angular-index.html由spring boot默认值自动加载.我不明白我如何使用弹簧靴的这种自动配置,同时对路径“/”有一个非角度[详细]
-
disabled属性不适用于select标记上的必需属性
所属栏目:[安全] 日期:2020-12-17 热度:88
我有以下部分的html模板: div class="row" div class="medium-3 columns" labelCategory select [(ngModel)]="item.cat" name="cat" required option *ngFor="let a of categories" [ngValue]="a"{{a.name}}/option /select /label /div div class="medium-[详细]
-
angular – 使用router-outlet时,在页面刷新后Observable不更新
所属栏目:[安全] 日期:2020-12-17 热度:166
我正在使用Angular2 RC5和@ angular / router以及一个简单的router-outlet元素.我有一个Observable在视图中工作正常但是当你进行页面刷新(F5或CTRL-F5)时它不起作用.我在Chrome(最新)和IE11(可能还有其他浏览器)中都有这个. 目前我有一个解决方法,但我不明白[详细]
-
angular2-routing – 使用RC6升级的子路由错误
所属栏目:[安全] 日期:2020-12-17 热度:122
升级到RC6时,我的路由器出现运行时错误(包括子路由): ListingComponent is not part of any NgModule or the module has not been imported into your module 此错误表示我没有将ListingComponent添加到ngModule,但它作为声明存在. 在app.module中,我将所有[详细]
-
如何在Angular 2中与子路径共享信息?
所属栏目:[安全] 日期:2020-12-17 热度:91
我有一个应用程序,其路由将如下所示: /:partner/login/:partner/tools/:partner/other 目前使用2.0.0-rc.5,我可以非常简单地构建完全如上所述的路由.但是,这种方法的缺点是每个组件都必须自己提取伙伴参数.所以登录路径声明看起来像: { path: ':partner/lo[详细]