欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

angular

app.component.ts

import { HttpClient } from '@angular/common/http';
import { Component, OnInit, ViewChild }
普通分类: 

app.component.html

<form [formGroup]="surveyForm">
  <div
普通分类: 

shared-material.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
普通分类: 

No value accessor for form control with path 有大用

背景:使用angular的响应表单时,根据第一个下拉框的选中的值,确定第三个字段是input框还是inputNumber的框,报错如下:

image.png

普通分类: 

mat-form-field must contain a MatFormFieldControl错误的解决方法 有大用

下面的代码竟然出错了:

普通分类: 

关于angular:错误:类型“ Observable”上不存在属性“ map” 有大用 有大大用

普通分类: 

angular 服务providers 有大用 有大大用

普通分类: 

Angular 8+ providers在修炼 有大用

在高级语言或者脚本语言中,我们要实例化一个object,一般我们用 new object(),或者java的DI,那么在NG里面一样,我们要使用一个服务,那么就会通过providers来创建或者获取服务的实例,providers现在有多种类型可以选择,

普通分类: 

[Angular Material完全攻略] Day 05 - 打造基本后台(1) - SideNav 有大用

我们终于要正式开始时做一个后台(dashboard)画面啦,今天我们会先使用Angular Material的SideNav元件,把边栏的空间先切出来,这个空间通常是用来放置主选单的空间,我们就来看看该如何开始吧!

普通分类: 

Angular属性选择器@ViewChild和@ViewChildren学习笔记 有大用

一、前置知识学习

    普通分类: 

    Property propDD has no initializer and is not definitely assigned in the constructor 有大用 有大大用

    1、

    普通分类: 

    Angular 6 'mat-button-toggle' is not a known element 有大用

    普通分类: 

    演示示例

    如何在 Angular Material 中使用自定义 SVG 图标 示例 有大用 有大大用

    用vscode VSCode写Angular代码无法自动导入引用 有大用 有大大用

    问题描述                

     这个问题困扰了我好多天。请看,这里我写了一个@Injectable()表达式,它显示报红了。我猜测自己是不是没引用这个东西,可是和VS 2017不一样的问题来了。VS 2017会自动提示你可能需要引用的命名空间之类的,但是VSCode似乎没有,他只是告诉我们有问题。这样的情况我遇见多次了,常常导致我们找不到解决问题的关键在哪里。            

    普通分类: 

    Contact Chips 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-contact-chips是一个Angular Directive,是一个基于md-chips构建的输入控件,使用md-autocomplete元素。 联系芯片组件接受查询表达式,该表达式返回可能的联系人列表。 用户可以选择其中之一并将其添加到可用芯片列表中。

    属性 (Attributes)

    下表列出了md-contact-chips的不同属性的参数和描述。

    普通分类: 

    Chips 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-chips是一个Angular Directive,用作称为Chip的特殊组件,可用于表示一小组信息,例如联系人,标签等。自定义模板可用于呈现芯片的内容。 这可以通过指定具有定制内容作为md-chips子代的md- md-chip-template元素来实现。

    属性 (Attributes)

    下表列出了md-chips的不同属性的参数和描述。

    普通分类: 

    Tooltips 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    Angular Material提供各种特殊方法来向用户显示不显眼的工具提示。 它提供了为它们分配方向的方法, md-tooltip指令用于显示工具提示。 只要用户聚焦,悬停或触摸父组件,工具提示就会激活。

    属性 (Attributes)

    Sr.No参数和描述
    1

    md-visible

    这是布尔绑定,用于确定工具提示当前是否可见。

    2

    md-delay

    普通分类: 

    Toolbars 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-toolbar ,Angular指令用于显示工具栏,该工具栏通常是内容上方的区域,用于显示标题和相关按钮。

    属性 (Attributes)

    下表列出了md-toolbar不同属性的参数和说明。

    Sr.No参数和描述
    1

    md-scroll-shrink

    这决定了当用户向下滚动时标题是否应缩小,并在用户向上滚动时显示自身。

    普通分类: 

    Tabs 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-tabsmd-tab Angular指令用于在applcation中显示选项卡。 md-tabs是md-tab元素的分组容器。

    属性 - md-tabs

    下表列出了md-tabs的不同属性的参数和说明。

    Sr.No参数和描述
    1

    md-selected

    活动/选定选项卡的索引。

    普通分类: 

    Sliders 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-slider是一个Angular指令,用于显示范围组件。 它有两种模式 -

    • normal - 用户可以在宽范围的值之间滑动。 默认情况下存在此模式。

    • discrete - 用户可以在所选值之间滑动。 要启用离散模式,请使用mddiscrete和step属性。

    属性 (Attributes)

    下表列出了md-slider的不同属性的参数和说明。

    普通分类: 

    ListBox和ListCtrl(ListBox & ListCtrl) 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-fab-toolbar是一个Angular指令,用于显示元素或按钮的工具栏,以便快速访问常用操作。

    属性 (Attributes)

    下表列出了md-fab-toolbar不同属性的参数和说明。

    Sr.No参数和描述
    1

    * md-direction

    这确定了工具栏项相对于触发元素的显示方向。 支持左右方向。

    普通分类: 

    Selects 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-select ,一个Angular指令用于显示选择框,由ng-model限定。

    属性 - md-radio-group

    下表列出了md-radio-group的不同属性的参数和描述。

    Sr.No参数和描述
    1

    * ng-model

    该模型!

    2

    multiple

    是否是多重的。

    普通分类: 

    Radio Buttons 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-radio-groupmd-radio-button Angular指令用于在applcation中显示单选按钮。 md-radio-group是md-radio-button元素的分组容器。

    属性 - md-radio-group

    下表列出了md-radio-group的不同属性的参数和描述。

    Sr.No参数和描述
    1

    * ng-model

    普通分类: 

    Progress Bars 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-progress-circularmd-progress-linear是Angular进度指令,用于在应用程序中显示加载内容消息。

    属性 - md-progress-circular

    下表列出了md-progress-circular的不同属性的参数和描述。

    Sr.No参数和描述
    1

    * md-mode

    普通分类: 

    Menu Bar 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-menu-bar是一个Angular指令,是一个容纳多个菜单的容器组件。 菜单栏有助于创建操作系统提供的菜单效果。

    例子 (Example)

    以下示例显示了md-menu-bar指令的使用以及菜单栏的用法。

    am_menubar.htm

    普通分类: 

    Menu 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-menu是一个Angular指令,是在执行的操作上下文中显示添加选项的组件。 md-menu有两个子元素。 第一个元素是触发元素,用于打开菜单。 第二个元素是md-menu-content ,它表示菜单打开时菜单的内容。 md-menu-content通常将菜单项作为md-menu-item

    属性 (Attributes)

    下表列出了md-menu的不同属性的参数和说明。

    普通分类: 

    List 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-list是一个Angular指令,是一个容器组件,它包含md-list-item元素作为子元素。 md-list-item指令是md-list容器的行项的容器组件。 可以将CSS类md-2-linemd-3-line添加到md-list-item,以分别增加22px和40px的行高。

    例子 (Example)

    以下示例显示了md-list指令的使用以及列表的用法。

    am_lists.htm

    普通分类: 

    Divider 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-divider是一个Angular Directive,是一个规则元素,用于显示一个瘦的轻量级规则,用于对列表和页面布局中的内容进行分组和划分。

    属性 (Attributes)

    下表列出了md-divider的不同属性的参数和描述。

    Sr.No参数和描述
    1

    md-inset

    添加此属性以激活插入分隔符样式。

    普通分类: 

    Dialogs 文江博客 开发文档 Angular Material 教程 文章详情 有大用

    md-dialog是一个Angular Directive,是一个容器元素,用于显示一个对话框。 其元素md-dialog-content包含md-dialog-contentmd-dialog-actions负责对话框操作。

    mdDialog服务mdDialog打开应用程序对话框,通知用户有关信息并帮助他们做出决策。

    以下示例显示了md-dialog指令和mdDialog服务的使用以及角度对话框的使用。

    am_dialog.htm

    普通分类: 

    页面

    Subscribe to RSS - angular