Angular学习笔记

最新推荐文章于 2023-06-14 11:52:11 发布
最新推荐文章于 2023-06-14 11:52:11 发布
阅读量121 收藏
点赞数
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaoxiong_jiaxin/article/details/83111623
版权

  • 带有双花括号的插值表达式 (interpolation) 来显示一个组件属性。

  • 用 ngFor 显示数组。

  • 用一个 TypeScript 类来为你的组件描述模型数据并显示模型的属性。

  • 用 ngIf 根据一个布尔表达式有条件地显示一段 HTML。

smart_dream
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
angular学习笔记
08-22
### Angular学习笔记知识点详解 #### 一、AngularJS指令概览 AngularJS 是一款非常强大的前端框架，它通过一系列的指令让HTML变得更为生动且功能丰富。这些指令以`ng-`开头，允许开发者轻松地扩展HTML的功能。下面...
angular 学习笔记
12-20
在Angular的学习过程中，我们需要掌握以下几个核心概念和技能： 1. **架构对比**： - AngularJS（1.x）基于MVW（Model-View-Whatever）架构，依赖注入(DI)和脏检查机制。 - Angular（2+）采用MVVM（Model-View-...
Angular 学习笔记
此人很懒，未填写博客简介
08-24 1712
Angular 学习笔记
前端框架Angular学习笔记
Dijkstra's Monk-ey的博客
07-14 1510
Angular框架的环境搭建、基本操作、组件介绍、事件绑定等，根据大地老师视频做的笔记
Angular学习笔记一
OnlyRu丶小心心
07-14 209
一、安装node 二、安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 三、安装angular cnpm install -g @angular/cli 四、创建项目 ng new 项目名称 跳过npm i 安装 ng new 项目名称 --skip-install 五、运行项目 ng serve --open ...
Angular学习笔记七之RxJs
最新发布
weixin_45855469的博客
06-14 872
RxJs是一个专门用来处理异步操作的JavaScript库。可以将RxJs想象成面向事件的Lodash。RxJs库是以纯函数为基础的，因此特性强大、功能稳定。RxJs库拥有一整套在可观察者对象中控制事件流的算子，可以在事件流的各个阶段实现监听和控制。
Angular学习笔记(三)
浪子天涯行世录
03-22 2502
​以下内容基于Angular 文档中文版的学习
Angular学习笔记(一)
浪子天涯行世录
03-19 1418
​以下内容基于Angular 文档中文版的学习
Angular学习笔记之angular的$filter服务浅析
01-19
首先，介绍下$filter服务： 1、$filter是用来进行数据格式化的专用服务； 2、AngularJS内置了currency、date、filter、json、limitTo、lowercase、uppercase、number、orderBy这8个filter； 3、filter可以嵌套使用，...
安装Node.js
smart_dream
08-05 4437
第一步：cmd查看本地是否有node，并且是否是自己需要的版本号 第二步：到node官网、node中文官网下载所需node版本号，当前测试时，最新v14 第三步：安装最新版本node（如果已有旧版本，需要卸载之前版本node） 先卸载：电脑 开始 → 搜索控制面板 → 卸载程序 → 找到node.js卸载 安装最新版本的node，一直点下一步下一步就可以了。 npm是包含在node.js里面的一个包管理工具。安装好node，就可以不需要安装npm啦 检验是否安装成功，...
Angular2 父组件中修改子组件样式
smart_dream
10-23 3107
情景：父组件FatherComponent中使用了子组件ChildComponent，父组件有自己的css文件，子组件也有自己的css文件，在父组件中修改了子组件的样式，但不起作用。 查看HTML元素的样式表，发现 定义的样式后面都加了个 _ngcontent-c#，这是Angular为了区分自己的样式，特意加的标记。 使用特殊选择器：组件样式中有一些从影子 DOM 样式范围 (Shadow ...
【Angular知识点】通过服务实现组件之间的通信EventEmitter
smart_dream
10-24 2308
场景：界面是由多个组件组成的，如果组件A中修改了数据内容，其他组件（与组件A中的数据有关联的）需要相应修改，那么就需要用到EventEmitter。 第一步：创建服务文件：emit.service.ts import { Injectable, EventEmitter } from '@angular/core'; @Injectable() export class EmitServi...
GRASP、SOLID、GOF、DRY、KISS、YAGNI、LOD 设计模式与原则
smart_dream
08-05 640
GRASP：通用职责分配软件模式（共9种） 告诉我们怎样设计问题空间中的类与分配它们的行为职责，以及明确类之间的相互关系等 Infomation Expert（信息专家） Creator（创造者） Low coupling（低耦合） High cohesion（高内聚） Controller（控制器） Polymorphism（多态） Pure Fabrication（纯虚构） Indirection（间接） Protected Variations（受保护变化） SOLID：设计原则（
【Angular】（学习二）项目启动过程分析
smart_dream
08-10 379
（1）angular.json:NG项目配置 index:./src/index.html <app-root></app-root> main:./src/main.ts （2）main.ts > bootstrapModule()
【Angular】（学习一）搭建环境
smart_dream
08-05 282
一、设计原则 GRASP设计原则： SOLID设计原则： GOF设计模式 ①DRY - Don't Repeat Yourself 不要重复你自身：尽量在项目中减少重复的代码行，重复的方法，重复的模块。 ②KISS - Keep It Simple & Stupid 保持简单易懂：将复杂的东西“简单”的实现出来。我们应该致力于代码的可理解性，降低复杂度，让维护变得简单。 "任何一个傻瓜都能写出计算机可以理解的程序，只有写出人类容易理解的程序才是优秀的程序员。" ...
Angular2 --- 路由
smart_dream
10-24 119
审查路由器配置 你把大量的精力投入到在一系列路由模块文件里配置路由器上，并且小心的以合适的顺序列出它们。 这些路由是否真的如同你预想的那样执行了？ 路由器的真实配置是怎样的？ 通过注入它（Router）并检查它的 config 属性，你可以随时审查路由器的当前配置。 例如，把 AppModule 修改为这样，并在浏览器的控制台窗口中查看最终的路由配置。 import { Router }...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

smart_dream

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值