angular6 相关问题

关于Angular版本6的问题,来自Google的Web框架。将此标记用于仅针对版本6的Angular问题。对于任何不特定于单个版本的Angular问题,请使用标记Angular。

将变量从.ts导入到.scss Angular

我正在开发一个角度组件,我想将 ts 文件中的变量(例如颜色)导入到我的 scss 文件中,并且我遇到了一些问题。 我看过一些节点的例子......

回答 6 投票 0

Angular 材料:突出显示周末的日期选择器

我想在日期选择器上突出显示周末(周六和周日)。 我尝试重新调整使用布尔值表示日期位置 0(星期日)和位置 6(星期六)的lockedweekendfilter...

回答 2 投票 0

如何从单选按钮角度获取选中的值

我需要从角度单选按钮获取值。假设有这样的html代码: 我需要从角度单选按钮获取值。假设有这样的html代码: <label class="radio-inline"> <input class="form-check-input" type="radio" [(ngModel)]="dog" name="gob" value="i" [checked]="true" (change)="onItemChange(item)"/>Dog </label> <label class="radio-inline"> <input class="form-check-input" type="radio" [(ngModel)]="cat" name="cat" value="p" (change)="onItemChange(item)"/>Cat </label> 在我的 ts 页面中,我需要获取单选按钮的值 喜欢 dog.value 我的目的是: 将默认检查设置为第一个单选按钮 单击单选按钮时获取值 有人可以帮助我吗? 可以绑定单选按钮的数据。只需添加单选按钮的值并在 ngModel 中进行更改 html <input class="form-check-input" type="radio" value="dog" [(ngModel)]="dog.value" name="gob" value="i" [checked]="true" (change)="onItemChange($event.target.value)"/> ts onItemChange(value){ console.log(" Value is : ", value ); } 最简单的方法之一就是这样做: html: <input type="radio" id="a" name="sample" value="pure" (change)="onChange($event)" checked /> <label for="a">A</label> <input type="radio" id="b" name="sample" value="b" (change)="onChange($event)" /> <label for="b">B</label> ts: onChange(e) { this.type= e.target.value; } 在您的代码中,为了对单选按钮进行分组,它们应该具有相同的 name 属性输入。 要解决您的问题,您可以使用 *ngFor 循环播放无线电输入, HTML: <div *ngFor="let opt of options; let i=index"> <label class="radio-inline"> <input type="radio" class="form-check-input" [value]="opt.value" [name]="opt.name" [checked]="i == 0" (change)="onRadioChange(opt)"/> </label> </div> TS: interface Option { name: string; value: string; } options: Option[] = [ { name: "pet", value: "dog" }, { name: "pet", value: "cat" } ] onRadioChange(opt: Option) { console.log(`Value is: ${opt.value}`) } 定义无线电组

回答 3 投票 0

减少角度材质树中的行高

我正在使用角树材质来显示 JSON 数据,我对行之间的白色间距量不满意。我尝试在 css 中使用 mat-tree-node.line-height ......

回答 3 投票 0

我可以在我的计算机上使用多个 Angular 版本吗?

我已经在我的 Windows 机器上全局安装了 Angular 7.2.0。路径是 C:\Users\me\AppData\Roaming 下午 ode_modules\@angula

回答 0 投票 0

SSR 在 Angular 中采用错误的环境

我有 Angular 6 应用程序和 SSR。我注意到在 server.js 中的 SSR 上一次使用了错误的环境变量文件 (environment.ts)(没有 SSR 就不会发生) 这是和平的竞争...

回答 4 投票 0

如何在 Ionic 4 中获取日期对象

我想在 Ionic 4 中获取日期对象,但我找不到日期,我无法编译代码。 从 '@angular/core' 导入 { Component, OnInit }; @成分({ 选择器:'应用程序预订...

回答 3 投票 0

实现OnInit类的目的是什么,去掉ngOnInit就可以了?

在 Angular 6 中,当我们创建一个组件时,该组件的 .ts 文件有一个实现 OnInit 类的类,但是当我们删除默认方法(ngOnInit)时,它工作正常。 所以我的问题...

回答 3 投票 0

PrimeNG Accordion 无法正常工作和显示

我尝试根据官方文档使用 primeNG Accordion 这是我的代码: 故事

回答 3 投票 0

如何更改(升级或降级)Angular 版本?

我最近安装了 Angular 6,想重新使用 Angular 5.2 如何将我的 Angular 版本从我拥有的任何版本更改为我选择的版本?

回答 4 投票 0

Angular 15:部署后未从资产文件夹加载图像

我有一个 Angular 6 项目,我们曾经为图像提供 CSS 类,如下所示: .some-class { 背景: url('asset/images/myimage.png'); 无论

回答 1 投票 0

将贴图设置为 angular6/openlayers 中的变量

我使用 Angular 6 和 openlayers 5.1.3。我成功地执行了 npm install ol --save ,然后在我的角度中执行了 从 'ol/map' 导入 OlMap; 从 'ol/source/xyz' 导入 OlXYZ; 从 'ol/

回答 1 投票 0

如何解决这个错误\%RESOURCE_DIR%\?

package.json Angular6: { “名称”:“adnanrealestate”, “版本”:“0.0.0”, “脚本”:{ “ng”:“ng”, "start": "ng 服务", “构建”:“ng

回答 1 投票 0

Angular 6 嵌套 FormGroup 模板验证

我的表单组结构如下所示(order.component.ts): this.orderForm = this.formBuilder.group({ 客户:this.formBuilder.group({ 名称:['',验证器.required], 电话: ['',

回答 3 投票 0

Angular Service Worker SwUpdate.available 未触发

我很难将 Angels Service Worker 集成到我的应用程序中。我按照指南进行操作,到目前为止它有效。我可以在主屏幕上创建快捷方式并启动到我的应用程序。问题...

回答 8 投票 0

Angular5-Toaster 动态组件注入参数

我正在尝试创建一个动态模板来显示 NPM 自述文件中列出的动态组件的信息。 https://www.npmjs.com/package/angular5-toaster 例子: 导入 {BodyOutputType}...

回答 1 投票 0

如何在 Angular 中预览 Docx 文件

我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件,但文件是下载而不是加载。 我想要在 Angular 中预览上传的 Word 文档。使用 iframe 加载文件,但文件是下载而不是加载。 <p-dialog [(visible)]="displaydoc" [modal]="true" [responsive]="true"> <div id="DocText"> <iframe src = "URL" width='700' height='550' allowfullscreen webkitallowfullscreen> </iframe> </div> </p-dialog> 下面是预览文档的一个很好的示例。 https://stackblitz.com/edit/angular-microsoft-document-viewer?file=src%2Fapp%2Fapp.component.html

回答 1 投票 0

跨多个项目共享 Angular 库

我正在开发一个由后端+前端组成的 Angular 7+ 项目。现在我接到一个要求,我需要创建一个由前端+后端组成的项目。但那里...

回答 4 投票 0

以角度动态改变颜色和状态

我正在开发一个角度应用程序。我有一个来自rabbitmq 的JSON 响应。该响应有一个级别参数,其值可以是低、中或高。如果在运行时级别值...

回答 3 投票 0

Angular 6:设置空表单数组字段

我正在使用 Angular 6 和反应式表单生成器来构建表单。 ngOnInit() { this.landingPageForm = this.formBuilder.group({ 标题: new FormControl('', [ 验证器.required ...

回答 4 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.