稍等片刻,正在加载中...

随笔分类 -  前端-前端框架-Angular

在此教程中我采用的是Angular CLI: 12.2.10版本。
Angular之数据绑定（六）
摘要：插值表达式 语法：{{ title }}。其中title是变量。 app.component.ts文件内容如下： import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: '<div 阅读全文
posted @ 2021-11-13 22:56 一切皆往事 阅读(159) 评论(0) 推荐(0)
Angular之组件（五）
摘要：创建组件 概述 组件是Angular应用的主要构造块。每个组件包括如下部分： 一个HTML模板，用于声明页面要渲染的内容。 一个用于定义行为的Typescript类。 一个CSS选择器，用于定义组件在模板中的使用方式。 （可选）要应用在模板上的CSS样式。 创建组件命令 首先我们需要进行我的项目的根 阅读全文
posted @ 2021-10-31 10:56 一切皆往事 阅读(260) 评论(0) 推荐(0)
Angular之TypeScript的进阶（四）
摘要：当我们每次写完一个ts文件时需要采用tsc xxx.ts文件进行编译成js文件。如果有很多个ts文件的话这样就会很麻烦。 TypeScript之编译选项 单个ts文件监视编译 我们可以监视某个ts文件是否更改了内容，然后会自动进行编译成js文件，命令如下： tsc demo.tx -w 注意事项： 阅读全文
posted @ 2021-10-24 19:06 一切皆往事 阅读(47) 评论(0) 推荐(0)
Angular之TypeScript的入门（三）
摘要：介绍 TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。 安装TypeScript npm i -g typescript 检查是否安装成功： tsc --version 如果输出版本号则说明安装成功了。 把ts编译成js 创建一个ts文件，名为demo1.t 阅读全文
posted @ 2021-10-23 19:28 一切皆往事 阅读(403) 评论(0) 推荐(0)
Angular插件（二）
摘要：vscode安装Angular插件 必装插件 直接在vs code扩展商店中搜索Angular即可。安装下面两款插件 Angular Language Service。 Angular 10 Snippets - TypeScript,... 如下图所示： 上面的两款插件主要是用来作Angular代 阅读全文
posted @ 2021-10-16 21:39 一切皆往事 阅读(201) 评论(0) 推荐(0)
Angular之脚手架安装与创建项目（一）
摘要：node的安装 自行安装好node环境。官网地址：https://nodejs.org/zh-cn/ 检查一下node的镜像源 npm config get registry。如果不是国内镜像的话，建议设置一下。npm默认是国外的镜像，下载时会慢很多。 设置淘宝镜像： npm config set 阅读全文
posted @ 2021-10-16 21:02 一切皆往事 阅读(190) 评论(0) 推荐(0)