码迷,mamicode.com
首页 > 其他好文 > 详细

Angular学习(一)

时间:2018-01-18 20:35:48      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:使用   innerhtml   module   模块   component   cte   prot   分享   pos   

1.创建模块,命令行输入:

ng g component components/news

技术分享图片

自动生成:

技术分享图片

1.2跟模块的app.module.ts 里会自动引入 news 模块,但是@NgModule里需要手动配置

 技术分享图片

2. 声明属性的几种方式:

public 共有(默认)

【可以在类里面使用也可以在类外面使用】

protected 保护类型

【只有在当前类和他的子类里可以访问】

private 私有

【只有在当前类可以访问】

技术分享图片

3.属性绑定的两种方法

  1.直接用大括号绑定属性

  2.使用中括号绑定属性

技术分享图片

3.1 绑定带标签的数据

【使用 [innerHTML]=”” 绑定带有html标签的字符串】

【使用 [innerText]=”” 绑定字符串】

技术分享图片

4. 循环数据:

*ngFor=”let 变量名  of  数据列表”

Let key = index 【拿到下标】

技术分享图片

 

Angular学习(一)

标签:使用   innerhtml   module   模块   component   cte   prot   分享   pos   

原文地址:https://www.cnblogs.com/chefweb/p/8312649.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!