美文网首页我爱编程
angular的基本语法——打破高难度入门观念 (基础篇2)

angular的基本语法——打破高难度入门观念 (基础篇2)

作者: 辉光蓝格 | 来源:发表于2017-12-06 11:00 被阅读0次

    angular语法基于typescript,这里接不一一列数typescript和JavaScript语法有什么具体区别了,我们只以能使用abgular为前提。

    感兴趣的人也能到:https://www.tslang.cn/   详细查看typescript文档查看

    1.定义数据

    我们打开一个子组件,在创建的对象的花括号里的顶部去定义数据。

    方式一:public 变量:数据类型=数据值。——可以指定数据的类型,并且是该数据是公有的。

    方式二:public 数据:any=数据值    ——定义一个公有数据,该数据类型为任意。

    方式三:public 数据=数据值 (推荐)——项目中常用写法,定义一个公有数据,不指定类型。

    方式四:数据=数据值 ——省略了public和类型,这样写法简答,默认为公有,但本人推荐还是要写明public,容易区分数据类型。

    (扩展)声明变量的修饰符,除了public还有private和protected

    2.绑定数据

    打开组件的html文件,在里面正常标签布局,绑定我们刚才定义的数据,绑定方法为{{数据变量}} ————两个花括号包裹变量。

    3.绑定属性

    方式一:

    方式二:

    4.循环数组

    A.定义数据

    B.循环数据 (*ngFor)

    相关文章

      网友评论

        本文标题:angular的基本语法——打破高难度入门观念 (基础篇2)

        本文链接:https://www.haomeiwen.com/subject/kuskixtx.html