-
如何在更改输入约束后更新AngularJS中的表单控制器
所属栏目：[安全] 日期：2020-12-17 热度：96
我最近一直致力于动态更改表单上输入字段的约束.目的是制作一个后端驱动的表单,而所有字段及其约束都由服务器发送给我们.虽然我设法通过创建一个简单的指令来获得要添加/删除的约束,但似乎表单控制器没有获取这些更改,因此表单始终是$valid.看看 this jsfidd[详细]
-
Angular 6 ng用于在同一父元素中引用循环变量
所属栏目：[安全] 日期：2020-12-17 热度：150
我有一个Angular Material手风琴我希望使用* ngFor创建如下 – mat-expansion-panel class="noShadow border-top" [expanded]="guest.get('expanded').value" [formGroup]="guest" *ngFor="let guest of guestFormArr.controls; let i = index;" 请注意[expa[详细]
-
如何从Angular项目之外的页面上的SELECT字段传递数据？
所属栏目：[安全] 日期：2020-12-17 热度：188
我的页面是一半的Angular 7和一半的JSP.当在页面的JSP部分(位于Angular应用程序之外)的SELECT字段上选择值时,我想将该值发送到我的Angular 7应用程序并触发它以使用新值进行更新.如何将值注入Angular应用程序,其次,如何使用新值触发应用程序更新？ 解决方法[详细]
-
角度 – 当购物车中的产品数量增加时,总价格不会更新在Ionic Eco
所属栏目：[安全] 日期：2020-12-17 热度：151
我正在研究Ionic电子商务应用程序并使用Laravel中的API.我已经在购物车中添加了产品,但是当我增加购物车中的产品数量时,产品的价格却在增加,但总价格没有更新,而且当从购物车中取出产品时,它也没有更新价格. 这是我的cart.html： ion-header ion-navbar colo[详细]
-
Angular 5 polyfill async /等待IE11
所属栏目：[安全] 日期：2020-12-17 热度：173
我们开发了一个需要IE11支持的软件.由于多个源声明,IE11不支持async / await： https://caniuse.com/#feat=async-functions http://kangax.github.io/compat-table/es2016plus/ 以及一些博客文章. 我们现在写了一个简单的Angular 5项目,该项目使用async / aw[详细]
-
从Angular CLI 6开始,ng build –prod不会缩小/ uglify /删除注
所属栏目：[安全] 日期：2020-12-17 热度：137
由于我已将Angular应用程序升级为使用Angular CLI版本6.x,因此将其编译为生产(使用ng build –prod,像往常一样)不会产生缩小的js.这导致了非常大的vendor.js大小(在我的情况下几乎是10 MB). 如果我打开生成的vendor.js文件,我可以清楚地看到代码没有缩小,并[详细]
-
nrwl / nx特定于工作空间的原理图
所属栏目：[安全] 日期：2020-12-17 热度：175
我一直在调查nrwl扩展,它们看起来很棒.但是,当我按照他们的 Workspace Specific Schematics教程时,最后一步并没有显示运行命令.你能告诉我如何运行我创建的原理图吗？我确信它很简单,但我无法在任何地方找到命令. 解决方法 用于原理图的Nx生成器并不能完成使[详细]
-
angular – inject()必须从注入上下文中调用
所属栏目：[安全] 日期：2020-12-17 热度：134
我试图将我的Angular应用程序导出为npm模块以供其他应用程序使用,但遇到了一些困难.我无法在互联网上的任何其他地方找到此错误,而且我的智慧结束了. 我按照本教程：https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-an[详细]
-
angular – 如何让* ngFor循环执行前n-1次,不希望显示最后一个索
所属栏目：[安全] 日期：2020-12-17 热度：88
HTML： div *ngIf="userdata; else blank;" table thead tr thId/th thName/th thEmail/th thAddress/th thRole/th thGender/th thActions/th /tr /thead tbody tr *ngFor="let data of userdata" td{{data.Id}}/td td{{data.Name}}/td td{{data.Email}}/td[详细]
-
带接口的Angular 6服务
所属栏目：[安全] 日期：2020-12-17 热度：107
我正在使用Angular(6.0.7)构建一个应用程序,我正在尝试使用new创建一个服务： @Injectable({ providedIn: 'root'}) 但是如何键入接口注入？ 问题 我有2个服务,Authentication.service和SessionStorage.service.我想将sessionstorage注入到身份验证服务中.这[详细]
-
Angular在同一个项目中使用scss / sass和css
所属栏目：[安全] 日期：2020-12-17 热度：62
我知道在同一个项目中可以同时使用css和sass / scss. 我已经看过一个提出问题的SO问题,但是从我看到的内容中,当在angular_cli.json文件中使用css作为styleExt时,会出现很多警告. 这样做是否值得推荐？ 我应该将所有.css文件重命名为sass / scss吗？ 什么是最[详细]
-
Angular 6 – run方法每10秒服务一次
所属栏目：[安全] 日期：2020-12-17 热度：156
我有这个服务使用HttpClient来获取一些数据： checkData() { return this.http.get('my url');} 我在脚注组件上调用它并显示结果： ngOnInit() { this.myservice.checkdata().subscribe( result = { this.statustext = result } );} 这有效,但我需要每10秒运[详细]
-
Angular 6中的倒数计时器
所属栏目：[安全] 日期：2020-12-17 热度：158
嗨,我想得到一个倒计时器的例子,我发现搜索在这里找到堆栈： Time CountDown in angular 2 这是我的代码： import { Component,ElementRef,OnInit,OnDestroy } from '@angular/core';import { Observable,Subscription,interval } from 'rxjs';@Component({[详细]
-
angular – TypeScript模块扩充
所属栏目：[安全] 日期：2020-12-17 热度：69
我有可观察的扩展.它工作得很好,但现在我已经更新到角度为6的打字稿2.7.2. import { Observable } from 'rxjs/Observable';import { BaseComponent } from './base-component';import { Subscription } from 'rxjs/Subscription';import { Subscribable } fr[详细]
-
Angular stop从提交输入密钥
所属栏目：[安全] 日期：2020-12-17 热度：113
我试图阻止Enter提交我的按钮,而是让它指向另一个功能.我尝试通过Host Listener捕获Enter,然后对其执行preventDefault()以阻止它被触发. 我的组件中的模板如下所示： mat-dialog-content class="dialog-content"{{data.content | translate}}/mat-dialog-con[详细]
-
如何使用角度5中的MatTableDataSource创建自定义过滤？
所属栏目：[安全] 日期：2020-12-17 热度：195
在Angular材料官方网站 Angular Material Table中,提到filterPredicate：((data：T,filter：string)= boolean)将根据特定字段过滤数据.但不知道如何开始.这有什么例子吗？ 解决方法 这个答案似乎显示了如何使用过滤谓词： Filtering specific column in Angu[详细]
-
Angular 2：将字符串传递给ngTemplateOutlet
所属栏目：[安全] 日期：2020-12-17 热度：52
我正在尝试为字符串数组的每个字段传递一个不同的模板. TS export class MyComponent { fields = ['name','person.age','created_at',...]} HTML div *ngFor="let field of fields" ng-container [ngTemplateOutlet]="field" /ng-container/divng-template #[详细]
-
如何在角度单元测试中使用debugeElement访问nativeElement属性
所属栏目：[安全] 日期：2020-12-17 热度：184
我想编写一个简单的单元测试来检查当某个值为null或为空时按钮是否被禁用. 以下是我的spec文件： test.spec.ts import { async,ComponentFixture,TestBed } from '@angular/core/testing';import 'reflect-metadata';import { Component,DebugElement,ViewCh[详细]
-
Angular组件变量是否应在ngOnDestroy()中设置为null？
所属栏目：[安全] 日期：2020-12-17 热度：188
Angular文档说 ngOnDestroy(): Cleanup just before Angular destroys the directive/component. Unsubscribe Observables and detach event handlers to avoid memory leaks. Called just before Angular destroys the directive/component. 一些开发人员说[详细]
-
Angular：如何正确实现APP_INITIALIZER
所属栏目：[安全] 日期：2020-12-17 热度：118
我有一个Angular 5.2.0应用程序. 我查找了如何在应用程序启动之前实现APP_INITIALIZER来加载配置信息. 这是app.module的摘录： providers: [ ConfigurationService,{ provide: APP_INITIALIZER,useFactory: (configService: ConfigurationService) = () = co[详细]
-
具有多个数据的Angular 5共享服务
所属栏目：[安全] 日期：2020-12-17 热度：120
在互联网上,我找到了如何与服务共享数据的示例： import { Injectable } from '@angular/core';import {Subject} from 'rxjs/Subject';import {Observable} from 'rxjs/Observable';@Injectable()export class DataService { private subject = new Subjecta[详细]
-
在Angular 5中等待渲染视图之前的数据
所属栏目：[安全] 日期：2020-12-17 热度：182
我是Angular 5的新手,能够创建使用订阅访问服务方法的视图,但在渲染中遇到延迟问题.用户看到第一个“未定义”字符串,0.5秒后它变为正确的值. 这是组件的.ts文件： public trips: Trip[]; public numberOfUsers : Mapstring,number = new Mapstring,number();[详细]
-
如何在Angular 4中将值从子组件传递给父组件
所属栏目：[安全] 日期：2020-12-17 热度：98
我正在使用Angular4应用程序,我正在尝试将值从子组件传递到父组件.我已经实现了一些东西,但我无法按预期获得输出. 子组件图像… 儿童组件代码…… div class="row" div class="col-3" input type="text" readonly class="form-control col-8 text-center bg-[详细]
-
Angular 2/4上的FullScreen请求
所属栏目：[安全] 日期：2020-12-17 热度：108
我正在Angular 2 / Angular 4上构建一个新项目,我需要在我的应用程序上使用Enter FullScreen Button. 我正在搜索,我找到了代码： toggleFullScreen() { if (!document.fullscreenElement // alternative standard method !document.mozFullScreenElement !do[详细]
-
如何配置Angular 5以支持模块别名？
所属栏目：[安全] 日期：2020-12-17 热度：170
我希望在整个项目中为一些文件夹添加别名以简化导入(并在发布之前实际测试我自己的库). 所以代替： import { MyClass } from '../mylib/src/somefolder'; 我想实现这个目标： import { MyClass } from '@mylib'; 我已经配置了我的tsconfig.json,如下所示： {[详细]
