angular2内置指令

liaorio 发布于2019-08-19 18:13 / 592人阅读

摘要：摘自当判断条件过于复杂时用它，可选。可重复匹配为设置属性方法一方法二方法三可动态赋值方法一为类名，为布尔值，表示该类是否启用方法二动态赋值还有一些方法用时再看数组。变量索引不编译，渲染纯字符串

摘自ng2-book

1.NgIf

2.NgSwitch

当ngIf判断条件过于复杂时用它！
ngSwitchDefault，可选。
ngSwitchWhen可重复匹配


    Var is A
    Var is B
    Var is C
    Var is C, too
    Var is something else

3.NgStyle

为DOM设置css属性

//方法一

    Uses fixed yellow background

//方法二
 
    Uses fixed white text on blue background

//方法三：可动态赋值


{{ colorinput.value }} text 

    {{ colorinput.value }} background

4.NgClass

//方法一：{key:value},key为类名，value为布尔值，表示该类是否启用
.bordered{
     border: 1px dashed black;
}
This is never bordered

//方法二：动态赋值

     This is a div with object literal. Border is {{ isBordered ? "ON" : "OFF"}}

还有一些方法用时再看

5.NgFor

 
  {{num+3}}{{ c }}

//cities:数组。c:变量.index:索引

6.NgNonBindable

不编译，渲染纯字符串


    <- This is what {{ content }} rendered

GPU云服务器云服务器 angular2 angular2JS 内置函数内置数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79343.html

Angular2 VS Angular4 深度对比：特性、性能

摘要：的特性和性能是的超集，用于帮助的开发。注解提供了连接元数据和功能的工具。通过在库中提供基本信息可以调用函数或创建类的实例来检查相关元数据，从而简化了对象实例的构建。停用它会响应跳出旧控制器的成功事件。 showImg(https://segmentfault.com/img/bVSqTU?w=850&h=460); 在Web应用开发领域，Angular被认为是最好的开源JavaScri...

孙淑建 2019-08-20 18:37 评论0 收藏0
angular2 NgModel` 模块

摘要：模块在中一个指的是使用修饰的。中没有模块级别的，所有在中声明的都是注册在根级别的中导入其他，其它暴露的出的等可以在本的组件中被使用。导入一个并不意味着会自动导入这个内部导入的所暴露出的公共成员。 angular2 NgModel 模块在Angular2中一个Module指的是使用@NgModule修饰的class。@NgModule利用一个元数据对象来告诉Angular如何去编译和...

OnlyLing 2019-08-23 16:51 评论0 收藏0
angular2.0 笔记 - 01

angular2.0 学习笔记 ### 1.angular-cli 常用命令记录详细教程 angular cli官网有，这里不详细说明,感兴趣的可以自行到官网看，一下仅记录本人到学习过程常用到的命令 1.创建项目 ng new ng new project-name exp: ng new my-app 2.启动项目 ng serve 参数名类型默认值作用 exp ...

AnthonyHan 2019-08-23 16:48 评论0 收藏0
Angular2 模块简介

摘要：模块简介简介应用是模块化的，而我们可以把它当做一个容器，用于存放一些内聚的代码块，它接收一个元数据对象并通过该对象告诉如何编译和运行模块代码。它标记出该模块拥有的组件指令和管道，并把它们的一部分公开出去，以便外部组件使用它们。 Angular2 模块简介 NgModule 简介 Angular 应用是模块化的，而NgModule我们可以把它当做一个容器，用于存放一些内聚的代码块，它接...

liaosilzu2007 2019-08-30 15:55 评论0 收藏0
Angular2 模块简介

摘要：模块简介简介应用是模块化的，而我们可以把它当做一个容器，用于存放一些内聚的代码块，它接收一个元数据对象并通过该对象告诉如何编译和运行模块代码。它标记出该模块拥有的组件指令和管道，并把它们的一部分公开出去，以便外部组件使用它们。 Angular2 模块简介 NgModule 简介 Angular 应用是模块化的，而NgModule我们可以把它当做一个容器，用于存放一些内聚的代码块，它接...

asoren 2019-08-02 14:02 评论0 收藏0