文章列表

angular从入门到精通(七) — 生命周期
2019-10-16 14:17:28

angular从入门到精通(七) — 生命周期

  • 追梦猪
  • 1775
  • 0

每个组件都有一个被 Angular 管理的生命周期。Angular 创建它,渲染它,创建并渲染它的子组件,在它被绑定的属性发生变化时检查它,并在它从 DOM 中被移除前销毁它。Angular 提供了生命周期钩子,把这些关键生命时刻暴露出来,赋予你在它们发生时采取行动的能力。除了那些组件内容和视图相关的钩子外,指令有相同生命周期钩子。

angular从入门到精通(六) — 数据定义展示与模板语法
2019-10-16 14:17:51

angular从入门到精通(六) — 数据定义展示与模板语法

  • 追梦猪
  • 2105
  • 0

要显示组件的属性,最简单的方式就是通过插值表达式 (interpolation) 来绑定属性名。 要使用插值表达式,就把属性名包裹在双花括号里放进视图模板,如 {{myHero}}。删除 index.component.html 文件,这个范例中不再需要它了。然后,到 index.component.ts 文件中修改组件的模板和代码。

angular从入门到精通(五) — 路由事件
2019-10-16 13:08:04

angular从入门到精通(五) — 路由事件

  • 追梦猪
  • 1903
  • 0

路由链接的激活状态RouterLinkActive 指令会基于当前的 RouterState 为活动的 RouterLink 切换所绑定的 css 类。在每个 A 标签上,你会看到一个到 RouterLinkActive 的属性绑定,形如 routerLinkActive="..."。

angular从入门到精通(四) — 路由和路由跳转
2019-10-16 11:30:27

angular从入门到精通(四) — 路由和路由跳转

  • 追梦猪
  • 1886
  • 0

下一步的动作就是进行页面搭建路由跳转,为此,我要使用 Angular 的路由器。借助 Angular 路由器,实现路由器可以从一个视图导航到另一个视图。

angular从入门到精通(三) — 项目文件结构
2019-10-16 09:34:31

angular从入门到精通(三) — 项目文件结构

  • 追梦猪
  • 2138
  • 0

每个工作空间中的所有项目共享同一个 CLI 配置环境 。该工作空间的顶层包含着全工作空间级的配置文件、根应用的配置文件以及一些包含根应用的源文件和测试文件的子文件夹。

angular从入门到精通(二) —  搭建环境
2019-10-16 09:14:19

angular从入门到精通(二) — 搭建环境

  • 追梦猪
  • 1703
  • 0

你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。全局安装 Angular CLI。

angular从入门到精通(一) — 概述
2019-10-16 09:00:24

angular从入门到精通(一) — 概述

  • 追梦猪
  • 1740
  • 0

AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架, 已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、双向数据绑定、语义化标签、依赖注入等等。AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的伪静态文本展示设计的声明式语言, 但要构建WEB应用的话它就显得乏力了。AngularJS通过MVC模式(MVC)功能增强基于浏览器的应用,使开发和测试变得更加容易。

angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("
2019-10-15 15:29:00

angular报错信息之 Can't bind to 'ngForOf' since it isn't a known property of 'tr'. ("

  • 追梦猪
  • 4570
  • 0

当前错误原因是没有绑定ngforof,在@ngmodule()中添加browsermodule到imports:[],如果它是根模块(appmodule),则为commonmodule。出现此问题是你的组件顺序有误,修改BrowserModule在控制器的位置

angular报错信息之 'zmz-select' is not a known element
2019-10-15 13:28:32

angular报错信息之 'zmz-select' is not a known element

  • 追梦猪
  • 2067
  • 0

'zmz-select' is not a known element当前错误原因是我们没有在NgModule上暴露出去我们写的组件所有会出现不是已知的元素

angular报错信息之 The selector "app" did not match any elements
2019-10-14 16:41:30

angular报错信息之 The selector "app" did not match any elements

  • 追梦猪
  • 1965
  • 0

The selector "app" did not match any elements未处理的承诺拒绝:选择器“app”不匹配任何元素;区域<root>;任务:promise.then;值:错误:选择器“app”不匹配任何元素当前错误原因是我们绑定在页面上的选择器不正确,

angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'
2019-10-14 15:31:07

angular报错信息之 Unexpected value 'undefined' declared by the module 'AppRoutingModule'

  • 追梦猪
  • 1833
  • 0

Unexpected value 'undefined' declared by the module 'AppRoutingModule'//模块“approutingmodule”声明的意外值“undefined”当前错误原因是我们在路由里面声明错误造成的!

vue - 如何打造属于自己的CLI脚手架工具?
2019-10-12 16:53:55

vue - 如何打造属于自己的CLI脚手架工具?

  • 追梦猪
  • 2182
  • 0

为什么需要CLI?减少重复性工作。根据动态命令更方便的生成开发环境。团队协同,效率高。我们要达到的设计?