美文网首页
[学习笔记] Angular(学着玩)

[学习笔记] Angular(学着玩)

作者: 玛丽莲做梦 | 来源:发表于2019-12-10 12:09 被阅读0次
    • 使用脚手架 Angular CLI 搭建一个 Angular 项目

    step1: 安装 Angular CLI

    使用命令行全局安装 Angular cli

    yarn global add @angular/cli
    

    我比较喜欢用 yarn,也可以使用 npm 的:

    npm install -g @angular/cli
    

    step2: 创建工作空间

    使用命令行在你的工作目录下创建新的 Angular 项目:

    ng new my-app
    

    输入该行命令回车后,会出现一些询问,如果是初学者或是没什么特殊要求的话,可以一致按 Enter 直到没有询问,即成功创建。如果你有什么特殊要求,按照询问自行选择需要的即可。
    这里的 my-app 是你的项目名称。

    step3: 运行项目

    在终端,你必须先进入你的工作项目后才可以运行项目:

    cd my-app
    ng serve --open
    

    运行后,在默认浏览器会打开类似这样的页面:


    最初运行后界面
    • AngularJS 表达式

    AngularJS 将表达式写在双大括号内:{{ expression }}
    {{ expression }} 是写在 HTML 里的,在 HTML 的哪个地方写下这样的表达式,数据就会在哪个地方进行输出,就像这样:

    <p>我们计算得到 1 + 1 = {{ 1 + 1 }}</p>
    

    在页面可以查看到,这句代码的效果是这样的:

    运行效果
    {{ }} 内可以写任何表达式,我判断一句代码是不是表达式的方式就是——它是否会有一个输出结果。
    • AngularJS 指令

    AngularJS 指令是用来扩展 HTML 属性的,VUE 的指令也是根据 Angular 的指令而来的。
    Angular 的指令有它该有的样子:带有前缀 ng-
    (指令好多啊... 不写了)
    我去看 ts 去了,有机会再继续写吧。。。

    相关文章

      网友评论

          本文标题:[学习笔记] Angular(学着玩)

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