Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

angular知识点整理 #5

Open
lznism opened this issue Apr 18, 2018 · 0 comments
Open

angular知识点整理 #5

lznism opened this issue Apr 18, 2018 · 0 comments
Labels

Comments

@lznism
Copy link
Owner

lznism commented Apr 18, 2018

angular中没有以前老版本的ng-show,因此元素直接使用ngStyle或者ngClass

ngSwitchDefault是可选的,如果没有匹配到,则不渲染任何值

[style.fontSize.px]来指定font-size的单位是px

在对数组进行迭代时,如果需要获取每一项的索引,可以使用let idx = index

如果某个部分不想让angular编译,可以使用ngNonBindable

angular对于表单的解决方案

  • FormControl
  • validator
  • observer

import module之后就可以使用该module中的所有指令

ngForm做了一件隐晦的工作,他的选择器包含form标签。这意味着当我们导入formModule时候,ngForm就会被自动附加到视图中所有的<form>

下面代码中#f="ngForm"为视图中的ngForm指定了一个别名,并且绑定到变量f

<form #f="ngForm"></form>

当我们使用不带有属性值的ngModel时,我们是要指定单向数据绑定以及希望在表单中创建一个名为sku的formControl

为一个字段添加多个验证器可以使用Validator.compose()来实现,只有里面的多个验证器都合法时,FormControl才是合法的

表单里面的要点就是要学会使用FormGroup, FormControl, Validation

在不需要新请求的情况下,允许在代码中创建新的浏览器记录项并显示适当的url,这是利用history.pushState()来实现的,在不支持上述方法的时候,会被迫使用锚点进行标记

依赖注入可以提供一个更加松耦合的架构

@lznism lznism added the 前端 label Apr 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant