angular教程
angular入门教程_初学者织围巾简单教程慢动作
课程介绍本课程是一个系列基础教程，目标是带领读者上手实战，课程以新版本 Angular 的 3 个核心概念作为主线：组件、路由、模块，加上业务开发过程中必须用到的特性：工具、指令、表单、RxJS、i18n、测试，一共分为 9 部分，34 篇文章。除了组件、路由、模块这 3 个核心小节具有很强的关联性之外，其它内容都是完全独立的，您可以在用到的时候再翻阅。认真读完这个系列文章之后，您会深入理解新版本
日期 2023-06-12 10:48:40
【Angular教程】-组件初识｜8月更文挑战
前提: 准备一个空的angular项目(ng new angular-course)与Angular组件的第一次会面**通过创建组件命令: ****ng g c components/HelloWorld**来生成我们的第一个组件观察目录变化,会在src/app/components下面生成我们的组件相关文件hello-world.component.html 组件要显示的内容hello-worl
日期 2023-06-12 10:48:40【Angular教程】-组件通信｜8月更文挑战
引言:上一篇我们初步了解的Angular中组件及基本的使用,但是所有的功能要是放到一个组件里面必然显得更加冗余,臃肿,我们通常会将组件按照一定的规则进行拆分,拆分后的组件免不了的就需要进行通信,这一篇我们就来一起熟悉一下Angular中的组件通信吧。正文: 在实际的应用中我们的组件将会以树形的结构进行关联,所以组件间的关系主要就是: 父子关系兄弟关系无直接关系准备一下我们的环境:创建一个head
日期 2023-06-12 10:48:40
【Angular教程】组件动效u002F动态组件u002F视图封装模式
前言:这一篇我们一起来了解一下和组件相关的其他几个概念,上手开发Angular的项目还是难免遇到了很多的坑,工作之余的话也准备整理一下。希望可以坚持吧,初识Angular,不当之处还请指正。正文:组件动效 Angular默认的动画模块使用的事Web Animations规范,需要注意兼容问题。 兼容查看 按照惯例使用前需要导入对应的模块,我们这里需要用到动画的模块BrowserAnimation
日期 2023-06-12 10:48:40
【Angular教程】-内容投影u002F@ContentChildu002F@ViewChild
前言这一篇我们带来的是关于组件基础使用的最后一块,内容投影和Vue中的插槽很类似,在组件封装的时候非常有用,我们一起来体验一下。正文1. 投影一块内容容器组件这样写<div> 编号1 <ng-content></ng-content> </div> 复制业务组件这样用<app-page-container> 未指定投影位置的内容
日期 2023-06-12 10:48:40【Angular教程】自定义管道
这是我参与8月更文挑战的第10天，活动详情查看：8月更文挑战一、管道的作用 方便我们在模板中对我们的数据进行格式化处理。 二、内置的常用管道 具体API参照官网查询使用 DatePipe: 格式化日期UpperCasePipe: 文本转为全部大写LowerCasePipe: 文本转为全部小写TitleCasePipe: 文本转为标标题形式(如: hello world=>Hello Wo
日期 2023-06-12 10:48:40
AngularJS入门教程之HelloWorld!
开始学习AngularJS的一个好方法是创建经典应用程序“HelloWorld!”： 1.使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。 2.将下面的源代码复制到您的HTML文件。 3.在web浏览器中打开这个HTML文件。 源代码： 复制代码代码如下: <!doctypehtml> <htmlng-app> <head&
日期 2023-06-12 10:48:40
AngularJS入门教程之学习环境搭建
学习AngularJS的一个好方法是逐步完成本教程，它将引导您构建一个完整的AngularJSweb应用程序。该web应用是一个Android设备清单的目录列表，您可以筛选列表以便查看您感兴趣的设备，然后查看设备的详细信息。 本教程将向您展示AngularJS怎样使得web应用更智能更灵活，而且不需要各种扩展程序或插件。通过本教程的学习，您将： 1.阅读示例学习怎样使用AngularJS的客户端
日期 2023-06-12 10:48:40AngularJS入门教程（零）：引导程序
我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。 进入angular-phonecat目录，运行如下命令： 复制代码代码如下: gitcheckout-fstep-0 该命令将重置phonecat项目的工作目录，建议您在每一学习步骤运行此命令，将命令中的数字
日期 2023-06-12 10:48:40AngularJS入门教程（一）：静态模板
为了说明angularJS如何增强了标准HTML，我们先将创建一个静态HTML页面模板，然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。 在本步骤中，我们往HTML页面中添加两个手机的基本信息，用以下命令将工作目录重置到步骤1。 复制代码代码如下: gitcheckout-fstep-1 请编辑app/index.html文件，将下面的代码添加到index.html文件
日期 2023-06-12 10:48:40AngularJS入门教程（二）：AngularJS模板
是时候给这些网页来点动态特性了——用AngularJS！我们这里为后面要加入的控制器添加了一个测试。 一个应用的代码架构有很多种。对于AngularJS应用，我们鼓励使用模型-视图-控制器（MVC）模式解耦代码和分离关注点。考虑到这一点，我们用AngularJS来为我们的应用添加一些模型、视图和控制器。 请重置工作目录： 复制代码代码如下: gitcheckout-fstep-2 我们的应用现
日期 2023-06-12 10:48:40angularjs基础教程
很久没有写过东西了，感觉写东西都不知道从哪里开始了，现在还是先写点技术性的吧，angularjs?我兄弟把它叫成“俺哥啦js” 1.下载 复制代码代码如下: 官方网址：https://angularjs.org/ CDN：https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js 2.简单介绍使用1.n
日期 2023-06-12 10:48:40为什么按照 Angular 官网教程执行简单的测试代码，会遇到expect is not defined的错误消息
Angular 官网的代码： https://angular.io/api/core/Injectable#providedin 我把这段代码原封不动地拷贝到我的 app.module.ts ÿ
日期 2023-06-12 10:48:40angular入门教程
安装 # 前提安装了 node 和 npm # 各种版本列表，安装过程可能node 和npm 版本问题，降低一下版本就可以 https://github.com/angular/angular-cli/tags?after=v10.1.0-next.6 卸载： npm uninstall -g ang
日期 2023-06-12 10:48:40angularjs国际化多语言，angular-translate教程详解，$translate.instant()为什么不生效
壹 ❀ 引 最近项目要求支持国际化多语言，由于项目用的还是angularjs，那么首当其冲的选择了angularjs封装的I18N插件angular-translate，本文主要会从三个方向展开讨论，一是基本用法，怎么用，代码是什么意思；二是问题解答，比如$translate.instant()为什么没效，怎么在JS程序中使用多语言等；第三便是提供我的解决方案，供大家参考，那么本文开始。 贰
日期 2023-06-12 10:48:40【AngularJS】AngularJS 教程
AngularJS通过新的属性和表达式扩展了HTML。------------->扩展HTML属性 AngularJS可以构建一个单页面应用程序(SPAs: Single Page Applications)。 AngularJS表达式 AngularJS 使用 表达式 把数据绑定到HTML。 AngularJS表达式 写在双大括号内: {{ expression }}。
日期 2023-06-12 10:48:40Angular教程测试运行过程中产生的一些问题
主要问题就是最后一个HTTP Demo需要angular-in-memory-web-api模块： TS2307:Cannot find module 'angular-in-memory-web-api'. 这个时候如果用 npm install angular-in-memory-web-api --s
日期 2023-06-12 10:48:40angular实例教程(用来熟悉指令和过滤器的编写)
angular的插件太少了, 所以很多指令和过滤器都要自己写, 所以对指令传进来的参数, 以及angular编译的流程更加熟悉才行写出好的插件, 有些简单的指令是参考angularUI里面, 作为自己的angular指令笔记; 1：angular的字符串截取指令 2：angular的国际化 3：angular的xhr案例 4：自己写angular中的f
日期 2023-06-12 10:48:40GIS教程之使用 ngx-leaflet 在 AngularJS 应用程序中构建leaflet 地图(教程含源码)
这是我尝试将 Leaflet Maps 集成到 Angular 应用程序并组装一些 Leaflet 插件时的学习笔记。ngx-leaflet 库在过去两年里发展了很多，尤其是今年从 13.x 版本开始。它现在更易于使用，同时
日期 2023-06-12 10:48:40GIS教程之在 Angular 中使用 CesiumJS (教程含源码)
在本课中，我们将完成将 CesiumJS 与 Angular 集成的步骤。CesiumJS 是一个用于创建 3D 地球仪和地图的开源 JavaScript 库。在课程结束时，您应该能够使用 CesiumJS 做一个简单的绘图
日期 2023-06-12 10:48:40GIS教程之使用 ngx-leaflet 在 AngularJS 应用程序中构建leaflet 地图(教程含源码)
这是我尝试将 Leaflet Maps 集成到 Angular 应用程序并组装一些 Leaflet 插件时的学习笔记。ngx-leaflet 库在过去两年里发展了很多，尤其是今年从 13.x 版本开始。它现在更易于使用，同时
日期 2023-06-12 10:48:40GIS教程之在 Angular 中使用 CesiumJS (教程含源码)
在本课中，我们将完成将 CesiumJS 与 Angular 集成的步骤。CesiumJS 是一个用于创建 3D 地球仪和地图的开源 JavaScript 库。在课程结束时，您应该能够使用 CesiumJS 做一个简单的绘图
日期 2023-06-12 10:48:40Protractor AngularJS测试框架教程
Protractor是一个建立在WebDriverJS基础上的端到端(E2E)的AngularJS JavaScript Web应用程序测试框架。Protractor全自动化真实的模拟用户在真正的浏览器中操作、运行并测试开发者的应用程序。 安装Protractor和WebDriver 通过npm进行全局安装protractor Node.js模块： $ npm install -g protra
日期 2023-06-12 10:48:40