Angular 学习日记 - 3

最新推荐文章于 2024-10-15 10:20:47 发布
最新推荐文章于 2024-10-15 10:20:47 发布
阅读量48 收藏
点赞数
文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44548184/article/details/134379901
版权

构建项目

学习视频 -- B站 (上)icon-default.png?t=N7T8https://www.bilibili.com/video/BV1yY41177yK

学习项目 -- 码云icon-default.png?t=N7T8https://gitee.com/luoyang_loy/angular-learning

1、项目简介

        食谱与购物车

        管理我们的食谱与购物清单，可以点击食谱查看详细，包含图片，配料表等信息。可快速将食谱中的配料添加到购物清单中。

2、项目结构

3、项目环境

  • Angular 13
  • Boostrap 3

Bootstrap 安装

npm install --save bootstrap@3

将Bootstrap路径导入angular.json文件中

4、基础目录结构

洛阳乂青楼满座
关注
Angular 学习日记 9 - 自定义指令
weixin_44548184的博客
01-11 577
类型的渲染器，从‘angular/core’导入。renderer2 提供了很多用来处理DOM的辅助方法。指令：ng generate directive [指令路径/指令名] 或 [指令名]可以添加 --skip-tests 跳过生成测试文件，也可以手动删除测试文件。直接访问元素并不是一个好的习惯，在这里可以使用一个更好的工具。最后，在app.module.ts 中导入该指令和添加到。这里用到了其中的setStyle方法。目的：实现一个简单的设置背景的指令。首先创建一个文件，文件后缀为。
Angular 学习日记 - 1
weixin_44548184的博客
11-11 74
Angular是一个JavaScript 框架，它允许你创建反应式的单页应用程序 [Single-Page-Applications(SPAs)]。一个只有单个页面的应用程序，我们可以在这个项目的URL中进行导航，但实际上我们的页面永远不会改变。它仅仅是将我们服务器中的HTML和JS文件渲染到了这个页面中。它提供了一种响应性很高的用户体验。JS的每次页面变更，都要比访问服务器获取每个新页面所要渲染的内容要快得多。这种方式允许你创建的程序，无论样式还是感觉都十分像移动程序，因为它非常快。
Angular 学习日记 - 5 - 数据绑定
weixin_44548184的博客
12-21 417
无论花括号中填了什么，最后必须以某种方式返回一个字符串，或者很容易转换成字符串的东西，比如数字之类的。还有一个限制是不能写多行表达式，所以不能用if或者for结构等等，但是可以用三元表达式。$event 是时间绑定的一个重要参数，我们可以通过$event获取所绑定的元素。可以自动触发输入事件更新组件的值，另外，由于是双向绑定，也会同时更新元素的值。用例：可以在花括号中间调用一个方法，然后返回一个字符串。可以动态绑定一些HTML属性。可以简单使用字符串绑定替换插值。在括号内添加所绑定的方法。
Angular 学习日记 - 6 - 组件通信
weixin_44548184的博客
12-22 481
通过@input() 修饰子组件中的变量，并且在父组件中，通过()括号监听子组件传输过来的变量。通过@input() 修饰子组件中的变量，并且在父组件中，通过中括号接收父组件传进来的值。@Input() 括号中的参数用于重命名变量，如。
Angular 学习日记 - 2 - 指令（Directive）
weixin_44548184的博客
11-12 80
step 1:code如下：step 2: 添加指令处理逻辑//修改元素背景step3: 模块中声明指令的存在declarations: [AppComponent, HighlightDirective], // 视图中声明指令的引用})step 4： 应用指令step 1:code 如下：step 2: 定义元素逻辑) {}if (!step 3: 声明指令})step 4: 应用指令// TS。
Angular 学习日记 - 4
weixin_44548184的博客
11-16 45
第一个扩展提供了方便的定义跳转。第二个扩展提供了常用的代码片段提示。
Angular 学习日记 - 7 - 生命周期
weixin_44548184的博客
12-27 1154
很容易发现，name的修改，并没有触发 element 的变动。时，可以写在类实现的后面，既可以方便他人知晓用了哪些生命周期方法，又可以用vscode自动补全来生成该方法，还可以防止拼错方法名。在该组件的基础上加入一个name属性，传入element.name 并用一个按钮来修改它的值。可以看到它们在DoCheck之后调用，这是合理的，因为它们在每个变更周期后调用。因为在开发模式下运行，Angular有一个额外的检测周期，所以这里调用了两次。为了能看到组件被销毁，预先给该组件添加了一个删除按钮。
Angular 学习日记 - 8 - 生命周期（2）
weixin_44548184的博客
12-27 400
被@ContentChild 修饰的属性直到 afterContentInit()时才会渲染出来。被@ViewChild 修饰的属性直到 afterViewInit()时才会渲染出来。
angular---学习日记四(hero-demo)
苏_苏(sunny)
08-20 264
这个是较为早点写的了，由于未能及时补充放在的草稿箱，现在补全发出，供大家参考。有哪里不对，请补充指教。 今天和带我的同事聊天问我，hero-demo怎么样了，我说跑起来了，是对的了，然后问的我用的是几，瞬间不知道该怎么回复了，因为我是直接在官网上学习的，并没有标注是几，同事告诉我现在公司的用的是4,作为新入职小白的我，赶紧百度了一下angular4，发现angular4和angular2是一样的...
angular-project-studyTime
04-28
他们还可以链接他们的github帐户，以在学习新信息时跟踪其进度。 ### UX 用户可以使用各种不同的社交媒体网站，linkedIn，github等登录。 用户可以保存他们找到的在线资源，并将其组织成多个部分，然后可以在...
Javasript-Journey:javascript学习日记
05-29
**JavaScript学习日记** 在编程的世界里，JavaScript 是一种不可或缺的语言，尤其在Web开发领域，它扮演着至关重要的角色。这个名为“Javasript-Journey”的项目，是一份详尽的JavaScript学习日记，旨在帮助开发者...
商业编程-源码-平凡人的日记本.zip
06-23
3. **界面设计**：考虑到日记本的特性，用户界面应该简洁且易于操作，可能用到CSS预处理器（如Sass或Less）来美化样式。 4. **时间线展示**：展示日记条目，可能使用时间轴布局，需要理解DOM操作和事件处理。 5. *...
前端学习日记 -- 八月
Nana_9457的博客
09-03 3388
1、柯里化与连续箭头函数（闭包）：https://blog.csdn.net/allangold/article/details/86667908
【人工智能学习之PaddleOCR快速上手】
Jiagym的博客
10-12 1257
在配置文件中，可以设置组建模型、优化器、损失函数、模型前后处理的参数，PaddleOCR从配置文件中读取到这些参数，进而组建出完整的训练流程，完成模型训练，在需要对模型进行优化的时，可以通过修改配置文件中的参数完成配置，使用简单且方便修改。而 L2 正则化中，添加正则化项的目的在于减少参数平方的总和。准确检测的标准是检测框与标注框的IOU大于某个阈值，正确识别的检测框中的文本与标注的文本相同。如果缺少带标注的数据，或者不想投入研发成本，建议直接调用开放的API，开放的API覆盖了目前比较常见的一些垂类。
MySQL数据库的详细学习步骤
2401_87352036的博客
10-11 1233
MySQL数据库的详细学习步骤可以归纳为以下几个阶段，每个阶段都包含了特定的学习内容和目标。
如何用3个月零基础入门网络安全？_网络安全零基础怎么学习
最新发布
2401_84466224的博客
10-15 773
我们知道计算机最早是在西方发明出来的，很多名词或者代码都是英文的，甚至现有的一些教程最初也是英文原版翻译过来的，而且一个漏洞被发现到翻译成中文一般需要一个星期的时间，在这个时间差上漏洞可能都修补了。”答案是否定的，黑客用的电脑,不需要什么高的配置,只要稳定就行.因为黑客所使用的一些程序,低端CPU也可以很好的运行,而且不占什么内存.还有一个,黑客是在DOS命令下对进行的,所以电脑能使用到最佳状态!观看学习近十年所有0day挖掘的帖，然后搭建环境，去复现漏洞，去思考学习笔者的挖洞思维，培养自己的渗透思维。
论文及其创新点学习cvpr2022 On the Integration of Self-Attention and Convolution
qq_53536373的博客
10-13 438
论文创新点，将注意力机制 和卷积 相结合。
SpringCloud的学习（四）Micrometer、GateWay
二狗mao的博客
10-10 1154
步骤：新建类名xxx需要以RoutePredicateFactory结尾，并继承AbstractRoutePredicateFactory类。@Component //此注解不可忘重写apply方法@Override新建apply所需要的静态内部类MyRoutePredicateFactory.Config，这个类就是我们路由断言规则。（重要）@Validated@Setter@Getter@NotEmpty//钻、金、银等用户等级空参构造方法，内部调用super。
stm32单片机个人学习笔记9（TIM输入捕获）
2302_80867398的博客
10-13 237
从模式选择Reset模式可以实现自动清零计数器CNT。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值