发表于: 2019-10-06 21:07:02

1 729


今天完成的事情:

把主页面的点击时的显示隐藏使用[hideen]来达到效果

<li>
            <div (click)="onClick1()">
                <i class="fa  fa-pencil"></i>
                <span>后台管理</span>
                <span class="fa  arrow"></span>
            </div>
            <ul class="left-second" [hidden]="isHidden1">
                <li>模块管理</li>
                <li>角色管理</li>
                <li>密码修改</li>
                <li>账户管理</li>
            </ul>
        </li>

这里给div添加点击事件ng-click,然后在点击事件函数中改变ul的显示隐藏,使用【hidden】默认是隐藏,

isHidden1:boolean = true;
  isHidden2:boolean = true;
  isHidden3:boolean = true;
  onClick1() {
    this.isHidden1= !this.isHidden1;
    this.isHidden2=true;
    this.isHidden3=true;
  }
onClick1() {
    this.isHidden1= !this.isHidden1;
    this.isHidden2=true;
    this.isHidden3=true;
  }

给隐藏函数一个布尔值为ture,这样就默认隐藏,然后点击时候需要显示的不为true,其他的仍然为true。

明天计划的事情:

开始配置路由

遇到的问题:

用【hidden】来达到的效果感觉代码好多,而且实现的方法总感觉很蠢,应该还有更好用的方法,明天试试用*ng-if来试试能不能做到

收获:

服务:

创建服务指令

ng generate service  my-service或者指定路径ng g service  services/storage

1、在根模块app.module.ts中引入服务

import { StorageService } from './services/storage.service';

2、NgModule 里面的 providers 里面依赖注入服务

使用的页面引入服务,注册服务

import { StorageService } from '../../services/storage.service';


constructor(private storage: StorageService) { }



返回列表 返回列表
评论

    分享到