关于Angular版本6的问题,来自Google的Web框架。将此标记用于仅针对版本6的Angular问题。对于任何不特定于单个版本的Angular问题,请使用标记Angular。
我正在开发一个角度组件,我想将 ts 文件中的变量(例如颜色)导入到我的 scss 文件中,并且我遇到了一些问题。 我看过一些节点的例子......
我想在日期选择器上突出显示周末(周六和周日)。 我尝试重新调整使用布尔值表示日期位置 0(星期日)和位置 6(星期六)的lockedweekendfilter...
我需要从角度单选按钮获取值。假设有这样的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}`) } 定义无线电组
我正在使用角树材质来显示 JSON 数据,我对行之间的白色间距量不满意。我尝试在 css 中使用 mat-tree-node.line-height ......
我已经在我的 Windows 机器上全局安装了 Angular 7.2.0。路径是 C:\Users\me\AppData\Roaming 下午 ode_modules\@angula
我有 Angular 6 应用程序和 SSR。我注意到在 server.js 中的 SSR 上一次使用了错误的环境变量文件 (environment.ts)(没有 SSR 就不会发生) 这是和平的竞争...
我想在 Ionic 4 中获取日期对象,但我找不到日期,我无法编译代码。 从 '@angular/core' 导入 { Component, OnInit }; @成分({ 选择器:'应用程序预订...
实现OnInit类的目的是什么,去掉ngOnInit就可以了?
在 Angular 6 中,当我们创建一个组件时,该组件的 .ts 文件有一个实现 OnInit 类的类,但是当我们删除默认方法(ngOnInit)时,它工作正常。 所以我的问题...
我尝试根据官方文档使用 primeNG Accordion 这是我的代码: 故事
我最近安装了 Angular 6,想重新使用 Angular 5.2 如何将我的 Angular 版本从我拥有的任何版本更改为我选择的版本?
我有一个 Angular 6 项目,我们曾经为图像提供 CSS 类,如下所示: .some-class { 背景: url('asset/images/myimage.png'); 无论
将贴图设置为 angular6/openlayers 中的变量
我使用 Angular 6 和 openlayers 5.1.3。我成功地执行了 npm install ol --save ,然后在我的角度中执行了 从 'ol/map' 导入 OlMap; 从 'ol/source/xyz' 导入 OlXYZ; 从 'ol/
package.json Angular6: { “名称”:“adnanrealestate”, “版本”:“0.0.0”, “脚本”:{ “ng”:“ng”, "start": "ng 服务", “构建”:“ng
我的表单组结构如下所示(order.component.ts): this.orderForm = this.formBuilder.group({ 客户:this.formBuilder.group({ 名称:['',验证器.required], 电话: ['',
Angular Service Worker SwUpdate.available 未触发
我很难将 Angels Service Worker 集成到我的应用程序中。我按照指南进行操作,到目前为止它有效。我可以在主屏幕上创建快捷方式并启动到我的应用程序。问题...
我正在尝试创建一个动态模板来显示 NPM 自述文件中列出的动态组件的信息。 https://www.npmjs.com/package/angular5-toaster 例子: 导入 {BodyOutputType}...
我想要在 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
我正在开发一个由后端+前端组成的 Angular 7+ 项目。现在我接到一个要求,我需要创建一个由前端+后端组成的项目。但那里...
我正在开发一个角度应用程序。我有一个来自rabbitmq 的JSON 响应。该响应有一个级别参数,其值可以是低、中或高。如果在运行时级别值...
我正在使用 Angular 6 和反应式表单生成器来构建表单。 ngOnInit() { this.landingPageForm = this.formBuilder.group({ 标题: new FormControl('', [ 验证器.required ...