angular - 使用es6等一些功能

缺乏、安全感 2021-09-17 15:54 424阅读 0赞

**app.module.ts**

![1060535-20180601212123571-1026604730.png][]

新关键字（牵扯到es6 - typeScript）：

export -> es6

class -> es6

constructor -> es6

**app.component.ts**

import { Component } from '@angular/core';
          import { Model } from './app.module';
    
          @Component({
            selector: 'app-root',
            templateUrl: './app.component.html',
            styleUrls: ['./app.component.css']
          })
          export class AppComponent {
            model = new Model();
            getName(){
              return this.model.user;
            }
            title = 'app';
          }

![1060535-20180601212553761-1889833014.png][]

**页面 - > app.component.html**

![1060535-20180601212748309-1191258309.png][]

新写法： \{ \{value\}\} -> 数据绑定

[1060535-20180601212123571-1026604730.png]: /images/20210726/0fb7843b4b7d4dc1bdf86a231cf39925.png
[1060535-20180601212553761-1889833014.png]: /images/20210726/51d1cb44ba884efca22d1a5eafb11c90.png
[1060535-20180601212748309-1191258309.png]: /images/20210726/0124fb2906c148b59f545e21ec703074.png