Angular_代码片段_一步步进行

最新推荐文章于 2024-05-13 14:54:25 发布
最新推荐文章于 2024-05-13 14:54:25 发布
阅读量293 收藏
点赞数
分类专栏： 笔记 文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42555061/article/details/114932863
版权

Angular_代码片段_一步步进行

<page-header title="簽核詳情"></page-header>
<nz-card [nzBordered]="false" class="mb-lg" nzTitle="簽核进度">
    <nz-steps [nzCurrent]=c.router_stage nzProgressDot>
        <nz-step [nzTitle]="'指示書接收'" [nzDescription]="createDesc">
            <ng-template #createDesc>
                <div class="desc">
                    <div class="my-sm">
                        {{c.wok_user}}
                        <i nz-icon nzType="dingding" class="ml-sm"></i>
                    </div>
                    <div>{{c.no}}</div>
                    <div>{{c.create_date|date:'yyyy-MM-dd'}}</div>
                </div>
            </ng-template>
        </nz-step>
        <nz-steps>
</nz-steps>
    <nz-step [nzTitle]="'指示書展開'" [nzDescription]="checkedDesc">
        <ng-template #checkedDesc>
            <div class="desc">
                <div class="my-sm">
                    {{c.maintain_stage_conclusion}}
                </div>
                <div>{{c.maintain_status}}</div>
            </div>
        </ng-template>
    </nz-step>
    <nz-step [nzTitle]="'費用結算'" [nzDescription]="CloseDesc">
        <ng-template #CloseDesc>
            <div class="desc">
                <div class="my-sm">{{c.cost_close_date|date:'yyyy-MM-dd'}}</div>
            </div>
            <div>{{c.cost_close_money}}</div>
        </ng-template>
    </nz-step>
    <nz-step [nzTitle]="'費用收取'" [nzDescription]="BackDesc">
        <ng-template #BackDesc>
            <div class="desc">
                <div class="my-sm"> {{c.cost_back_date|date:'yyyy-MM-dd'}}
                </div>
                <div>{{c.cost_back_money}}</div>
            </div>

        </ng-template>
    </nz-step>
    <nz-step [nzTitle]="'結案判定'" [nzDescription]="FinishDesc">
        <ng-template #FinishDesc>
            <div class="desc">
                <div class="my-sm">{{c.finish_flag}}</div>
            </div>
        </ng-template>
    </nz-step>
</nz-steps>
<div class="steps-content"></div></nz-card>
<nz-card [nzBordered]="false">
    <form nz-form se-container="1" labelWidth="150">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top:20px">
            <legend style="width:auto;font-size:20px;color:black"><i class="layui-icon" style="height:20px">&#xe63c;</i> WOK 指示書 maintain</legend>
            <blockquote class="layui-elem-quote layui-quote-nm" style="overflow:hidden;background-color:white;border-color:#009688" *ngIf="isshow>=0">
                <div class="indicationtitle"> <span class="layui-badge-dot">
        <!-- =============================================第零====指示书接收 -->
            </span>&nbsp;指示书接收</div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-inline">
                            <se label="No." error="請輸入指示書編號" required>
                                <input nz-input [(ngModel)]="c.no" name="no" [disabled]="isread.isread0" />
                            </se>
                        </div>
                        <div class="layui-inline">
                            <se label="WOK擔當" error="请输入WOK擔當" required>
                                <input nz-input [(ngModel)]="c.wok_user" name="jdi_user" [disabled]="isread.isread0" />
                            </se>
                        </div>
                        <div class="layui-inline">
                            <se label="申请日期" error="請輸入申请日期" required>
                                <nz-date-picker [(ngModel)]="c.create_date" name="create_date" nzFormat="YYYY/MM/DD" [disabled]="isread.isread0">
                                </nz-date-picker>
                            </se>
                        </div>
                        <div class="layui-inline">
                            <se label="名稱" error="請輸入名稱" required>
                                <textarea nz-input [(ngModel)]="c.name" name="name" [nzAutosize]="{ minRows: 3 }" style="width:180px" [disabled]="isread.isread0"></textarea>
                            </se>
                        </div>
                        <div class="layui-inline">
                            <se label="目的" error="請輸入目的" required>
                                <textarea nz-input [(ngModel)]="c.target" name="target" [nzAutosize]="{ minRows: 3 }" style="width:180px" [disabled]="isread.isread0"></textarea>
                            </se>
                        </div>
                        <div class="layui-inline">
                            <se label="指示書附件" error="請輸入指定路徑" required>
                                <button style="text-align: center" nz-button (click)="uploadExcel0.click()" nzType="primary" type="primary" [disabled]="isread.isread0">上傳</button>
                                <input nz-input [(ngModel)]="c.file_url" name="file_url" placeholder="请上传附件" [disabled]="isread.isread0" />
                                <input #uploadExcel0 type="file" id="inputFileurl" hidden (change)="change($event,0)">
                            </se>
                        </div>
                        <div style="width:100%">
                            <sf #sf mode="edit" [schema]="schema" [formData]="c" button="none" (click)="save(sf.value)">
                            </sf>
                        </div>
                        <button nz-button (click)="next(0)" nzType="primary" type="primary" [disabled]="isread.isread0" style="position: absolute;bottom: -22px;right: 85px;">下一步</button>
                        <button nz-button nzType="primary" type="primary" (click)="edit(0)" [disabled]="isedit.isedit0" style="position: absolute;bottom: -22px;right: 15px;">編輯</button>
                    </div>
                </div>
            </blockquote>      
<!-- =================================================第一=========指示書展開 -->
        <blockquote  class="layui-elem-quote layui-quote-nm" style="overflow:hidden;background-color:white;border-color:#009688" *ngIf="isshow>=1">
            <div class="indicationtitle"> <span class="layui-badge-dot layui-bg-orange">
            </span>&nbsp;指示書展開</div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <se label="上傳日期" error="請選擇上傳日期" required>
                            <nz-date-picker [(ngModel)]="c.maintain_stage_date" name="maintain_stage_date" [disabled]="isread.isread1" nzFormat="YYYY/MM/DD">
                            </nz-date-picker>
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="data" error="請輸入指定路徑" required>
                            <button style="text-align: center" nz-button (click)="uploadExcel0.click()" nzType="primary" type="primary" [disabled]="isread.isread1">上傳</button>
                            <input nz-input [(ngModel)]="c.file_url" name="file_url" placeholder="请上传附件" [disabled]="isread.isread1" />
                            <input #uploadExcel0 type="file" id="inputFileurl" hidden (change)="change($event,0)">
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="有無例外費用" error="請點選是否" required>
                            <nz-select [(ngModel)]="c.unfold_cost" name="unfold_cost" [disabled]="isread.isread1" style="width:180px">
                                <nz-option nzValue="Y" nzLabel="是"></nz-option>
                                <nz-option nzValue="N" nzLabel="否"></nz-option>
                            </nz-select>
                        </se>
                    </div>
                    <div>
                        <div style="
                        margin-left: 1000px;">
                            <button nz-button (click)="end(1)" nzType="primary" type="primary" [disabled]="isread.isread1">結案</button>
                            <button nz-button nzType="primary" type="primary" (click)="next(1)" [disabled]="isedit.isedit1">下一步</button>
                            <button nz-button nzType="primary" type="primary" (click)="edit(1)" [disabled]="isedit.isedit1">編輯</button>
                        </div>
                    </div>
                </div>
            </div>
        </blockquote>
         <!-- =================================================第二=========費用結算 -->
        <blockquote class="layui-elem-quote layui-quote-nm" style="overflow:hidden;background-color:white;border-color:#009688" *ngIf="isshow>=2">
            <div class="indicationtitle"> <span class="layui-badge-dot">
            </span>&nbsp;費用結算</div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <se label="人事費用" error="請輸入人事費用" required>
                            <input nz-input [(ngModel)]="c.no" name="no" [disabled]="isread.isread2" />
                        </se>
                    </div>

                    <div class="layui-inline">
                        <se label="data" error="請輸入指定路徑" required>
                            <button style="text-align: center" nz-button (click)="uploadExcel0.click()" nzType="primary" type="primary" [disabled]="isread.isread2">上傳</button>
                            <input nz-input [(ngModel)]="c.file_url" name="file_url" placeholder="请上传附件" [disabled]="isread.isread2" />
                            <input #uploadExcel0 type="file" id="inputFileurl" hidden (change)="change($event,0)">
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="月份">
                            <nz-select [(ngModel)]="c.month" name="month" [disabled]="isread.isread2" nzAllowClear style="width:120px">
                                <nz-option nzValue="null" nzLabel=""></nz-option>
                                <nz-option nzValue="一" nzLabel="一"></nz-option>
                                <nz-option nzValue="二" nzLabel="二"></nz-option>
                                
                            </nz-select>
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="BOM耗材費用" error="請輸入BOM耗材費用" required>
                            <input nz-input [(ngModel)]="c.no" name="no" [disabled]="isread.isread2" />
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="data" error="請輸入指定路徑" required>
                            <button style="text-align: center" nz-button (click)="uploadExcel0.click()" nzType="primary" type="primary" [disabled]="isread.isread2">上傳</button>
                            <input nz-input [(ngModel)]="c.file_url" name="file_url" placeholder="请上传附件" [disabled]="isread.isread2" />
                            <input #uploadExcel0 type="file" id="inputFileurl" hidden (change)="change($event,0)">
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="上傳日期" error="請輸入費用結算日期">
                            <nz-date-picker [(ngModel)]="c.cost_close_date" name="cost_close_date" style="width:180px" [disabled]="isread.isread2" nzFormat="YYYY/MM/DD">
                            </nz-date-picker>
                        </se>
                    </div>
                    <button nz-button nzType="primary" type="paimary" style="position: absolute;bottom: -22px;right: 85px;" (click)="next(2)" [disabled]="isread.isread2">下一步</button>
                    <button nz-button nzType="primary" type="primary" style="position: absolute;bottom: -22px;right: 15px;" (click)="edit(2)" [disabled]="isedit.isedit2">編輯</button>
                </div>
            </div>
        </blockquote>
        <!-- =================================================第三=========費用收取 -->
        <blockquote class="layui-elem-quote layui-quote-nm" style="overflow:hidden;background-color:white;border-color:#009688" *ngIf="isshow>=3">
            <div class="indicationtitle"> <span class="layui-badge-dot">
           
            </span>&nbsp;費用收取</div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <se label="人事費用" error="請輸入人事費用" required>
                            <input nz-input [(ngModel)]="c.no" name="no" [disabled]="isread.isread3" />
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="月份">
                            <nz-select [(ngModel)]="c.month" [disabled]="isread.isread3" name="month" nzAllowClear style="width:120px">
                                <nz-option nzValue="null" nzLabel=""></nz-option>
                                <nz-option nzValue="一" nzLabel="一"></nz-option>
                                <nz-option nzValue="二" nzLabel="二"></nz-option>
               
                            </nz-select>
                        </se>
                    </div>
                    <div class="layui-inline">
                        <se label="BOM耗材費用" error="請輸入BOM耗材費用" required>
                            <input nz-input [(ngModel)]="c.no" name="no" [disabled]="isread.isread3" />
                        </se>
                    </div>
                </div>
                <div class="layui-inline">
                    <se label="上傳日期" error="請輸入費用結算日期">
                        <nz-date-picker [(ngModel)]="c.cost_close_date" name="cost_close_date" style="width:180px" [disabled]="isread.isread3" nzFormat="YYYY/MM/DD">
                        </nz-date-picker>
                    </se>
                </div>
                <div class="layui-inline">
                    <se label="data" error="請輸入指定路徑" required>
                        <button style="text-align: center" nz-button (click)="uploadExcel0.click()" nzType="primary" type="primary" [disabled]="isread.isread3">上傳</button>
                        <input nz-input [(ngModel)]="c.file_url" name="file_url" placeholder="请上传附件" [disabled]="isread.isread3" />
                        <input #uploadExcel0 type="file" id="inputFileurl" hidden (change)="change($event,0)">
                    </se>
                </div>
                <input #uploadExcel2 type="file" id="inputFileClose" hidden (change)="change($event,4)">
                <button nz-button nzType="primary" type="paimary" style="margin-left: 260px;" (click)="next(3)" [disabled]="isread.isread3">下一步</button>
                <button nz-button nzType="primary" type="primary" (click)="edit(3)" [disabled]="isedit.isedit3">編輯</button>
            </div>
        </blockquote>
         <!-- =================================================第四=========結案判定 -->
        <blockquote class="layui-elem-quote layui-quote-nm" style="overflow:hidden;background-color:white;border-color:#009688" *ngIf="isshow>=4">
            <div class="indicationtitle"> <span class="layui-badge-dot layui-bg-green">
            </span>&nbsp;結案判定</div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-inline">
                        <se label="是否結案" error="請點選是否結案" required>
                            <nz-select [(ngModel)]="c.finish_flag" name="finish_flag2" [disabled]="isread.isread4" style="width:180px">
                                <nz-option nzValue="Y" nzLabel="是"></nz-option>
                                <nz-option nzValue="N" nzLabel="否"></nz-option>
                            </nz-select>
                        </se>
                    </div>
                    <div class="layui-inline">
                        <button nz-button nzType="primary" type="paimary" (click)="next(4)" [disabled]="isread.isread4" style="margin-left: 700px;">提交</button>
                        <button nz-button nzType="primary" type="primary" (click)="edit(4)" [disabled]="isedit.isedit4">編輯</button>
                    </div>
                </div>
            </div>
        </blockquote>
    </fieldset>
</form>
</nz-card>

import {
  Component,
  OnInit,
  ElementRef,
  Renderer2,
  ChangeDetectorRef,
} from "@angular/core";
import { DomSanitizer } from "@angular/platform-browser";
import { _HttpClient, SettingsService } from "@delon/theme";
import { webApiUrls } from "../../../../../services/webApiUrls";
import { NzMessageService } from "ng-zorro-antd/message";
import { SFSchema } from "@delon/form";
import { FormGroup } from "@angular/forms";

@Component({
  selector: "app-maintain",
  templateUrl: "./maintain.component.html",
  styles: [],
})
export class MaintainComponent implements OnInit {
  form: FormGroup;
  c: any = {
    router_stage:0,
  };
  isshow: any = "";
  isread: any = {};
  isedit: any = {};
  isnum:any=0;
  selectList: any = [];
  url = window.location.href;
  params = this.url.split("=");
  flag = true; // 是否有改变有无费用的值
  constructor(
    private sanitizer: DomSanitizer,
    private http: _HttpClient,
    private el: ElementRef,
    private render: Renderer2,
    public msg: NzMessageService,
    private cdr: ChangeDetectorRef,
    private settingService: SettingsService
  ) {}
  schema: SFSchema = {
    properties: {
      choose: {
        type: "string",
        title: "岗位物品检查",
        enum: [
          { value: "电脑", label: "电脑" },
          { value: "探测门", label: "探测门" },
          { value: "探测棒", label: "探测棒" },
          { value: "电话", label: "电话" },
          { value: "巡更棒", label: "巡更棒" },
          { value: "其他", label: "其他" },
        ],
        default: "电脑",
        ui: {
          spanLabelFixed: 120,
          widget: "tag",
          size: "large",
        },
      },
    },
  };
  ngOnInit() {
    //#region  初始化
    this.isshow = "";
    this.isread = {};
    this.isedit = {};
    this.selectList = [];
this.http.get(webApiUrls.indication.selectList + "&page_num=P01&type=indicate").subscribe((res) => {
    this.selectList = res;
    const fab = [];
    const mo_type = [];
    const correspond_section = [];
    //厂别
    for (let i = 0; i < res.fab.length; i++) {
      fab.push({
        value: res.fab[i].select_value,
        label: res.fab[i].select_text,
      });
    }
    //通用品种
    for (let i = 0; i < res.mo_type.length; i++) {
      mo_type.push({
        value: res.mo_type[i].select_value,
        label: res.mo_type[i].select_text,
      });
    }
    //对应部门
    for (let i = 0; i < res.correspond_section.length; i++) {
      correspond_section.push({
        value: res.correspond_section[i].select_value,
        label: res.correspond_section[i].select_text,
      });
    }

    this.schema = {
      properties: {
        fab: {
          type: "string",
          title: "廠別",
          readOnly: true,
          enum: fab,
          ui: {
            spanLabelFixed: 150,
            widget: "tag",
            size: "large",
            grid: { span: 8 },
          },
        },
    
        mo_type: {
          type: "string",
          title: "適用品種",
          enum: mo_type,
          ui: {
            spanLabelFixed: 150,
            widget: "tag",
            size: "large",
            grid: { span: 8 },
          },
        },

        correspond_section: {
          type: "string",
          title: "對應部門",
          enum: correspond_section,
          ui: {
            spanLabelFixed: 150,
            widget: "tag",
            size: "large",
            grid: { span: 24 },
          },
        },
      },
      required: ["fab", "mo_type", "correspond_section"],
      ui: {
        grid: { span: 24 },
      },
    };
  });
  this.http.get(webApiUrls.indication.searchByno + "&no=" + this.params[1]).subscribe((res) => {
    if(res.length==0){
      this.c={};
    }else{
      this.c = res[0];
    }
    this.c.router_stage=this.isnum;
    this.isshow = this.c.router_stage;
    console.log("isread-----------"+this.isread.toString());

    for (let i = 0; i < this.isnum; i++) {
      this.isread['isread' + i] = true;
      this.isedit['isedit' + i] = true;
      console.log("第次------"+i)
      console.log(this.isread)
    }
  });
  }
  // 下一步
  next(step) {
    const result: any = { no: this.c.no }; // 存放臨時數據
    // 獲取階段參數
        // 下一步
          step == this.c.router_stage
          result.router_stage = Number(this.c.router_stage) + 1;
          this.flag = true;
          if (this.c.unfold_cost == "N" && result.router_stage != 5) {
            result.router_stage = (Number(this.c.router_stage) + 5).toString();
          }
          var temp=result.router_stage
          this.c.router_stage=temp;
          this.isnum=temp;
          this.ngOnInit();
  }
  // 上傳附件
  change(e: Event, step) {
  }
  // 對日期進行處理
  dateFormatter(date) {
    const result = new Date(date);
    return result.getFullYear() + '-' + (result.getMonth() + 1) + '-' + result.getDate();
  }
  // 編輯
  edit(step) {
    console.log("编辑得到参数step"+step);
    }
  // 是否結案值改變時執行
  ngModelChange(e: Event) {
  }
  // 多選
  save(value: any) {
  }
   // 结案
   end(num) {
    console.log("结案得到参数step"+num);
  }

}
薯味
关注
专栏目录
HTML & CSS实例教程：制作一个机票页面|一步步教你制作一个炫酷的机票页面 - 适合新手的完整指南|为新手准备的前端开发项目：创建一个精美的机票页面|简单易懂|新手必看|从设计到实现
南北极之间
06-10 70
总之，学习前端开发需要耐心和毅力，要保持对技术的热情和兴趣，不断学习和提升自己。通过实践项目、学习工具和框架、关注前端趋势等方式，你可以逐渐成为一名优秀的前端开发者。
介绍JavaScript中的函数式编程：基础理论和实际运用 Understanding Functional Programming Concepts in JavaScript
程序员光剑
07-28 1006
函数式编程（functional programming）是一种编程范式，它将计算视为数学函数计算，并避免共享状态和可变数据，所有数据的变化都通过参数传递进行协调。本文作者Noah Gauss，是一名计算机科学家、工程师、创始人、软件工程师，曾任Facebook CEO、Apple Founder，还曾担任微软软件工程师。函数式编程对于开发人员来说非常重要，因为它赋予了开发人员更多的能力，使他们可以构建更好的软件产品。
Angular-snippet:一些 Angular 代码片段
06-07
角度片段 一些 Angular 代码片段
常用AngularJs代码段
weixin_34163553的博客
04-05 93
一，ng-repeat/filter/orderby使用 数据结构： { "result":true, "ItemWeekIndex":"第二周", "Content":[ { "weekIndex":1, "courseInfo":"11教501高等数...
angular入门几段代码（一）
qq_36580691的博客
03-23 200
<!DOCTYPE html> <html> <head> <script src="../angular/angular1.4.6.min.js"></script> <title></title> </head> <body> <!--这里的ng-app标识模块，跟下...
Angular学习片段2
weixin_47144417的博客
02-26 82
1.条件渲染ngIf <!-- 条件渲染 --> <div *ngIf="person == '广州人'">广州人</div> <div *ngIf="person == '湖北人'">湖北人</div> <!-- 切换显示 --> <button (click)="qiehuan()">切换显示</button> ts文件里 export class AppComponent { person:str
angular代码实例一
wanderer_ankey的博客
12-15 406
.input{ /* 设置圆角 */ border-radius:5px ; } div{ width:800px; } *{ margin: 4px auto; text-align: center; } .mStateT{ /* 已发货是绿色 */ background:green } .mStateF{ /* 未发货是黄色 */ backgr
JavaScript_一个与Strapi相关的很棒的东西的策划列表.zip
05-20
2. **awesome-strapi_master.zip**：这是一个可能包含Strapi相关资源的仓库，比如优秀的Strapi插件、模板、教程、示例项目或者社区贡献的代码片段。"awesome"通常指的是一个精心收集的、高质量的资源列表，旨在帮助...
200行代码理解 RxJS 的核心概念
WangYuLue的博客
06-09 269
RxJS 非常强大，各种操作符连接在一起便能让数据流动到需要用到它的地方，有人甚至觉得 RxJS 是魔法； 然而，太阳底下无新事，本教程将一步步揭开 RxJS 的神秘面纱； 这篇文章会通过 10 个有趣的小 demo 渐进式的实现 RxJS 的核心功能，其中包括： 类：Observable 的实现 类的方法：subscribe,pipe 的实现 创建类操作符：of,from,fromEvent,interval,timer 的实现 过滤类操作符：filter,take 的实现 工具类操作符：tap 的实现
one-page-projects:这是一页纸项目的集合
04-17
CodePen是一个在线的代码编辑器和社交平台，开发者可以在上面预览、分享和学习前端代码片段，这表明这些项目不仅可以在本地环境中运行，也可以直接在CodePen上查看和测试。 标签 "JavaScript" 显示这个项目主要关注...
angular项目代码
07-23
angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码angular开发代码
angular2完整项目源码～转自大漠穷秋老师的NiceFish
06-05
angular2完整项目源码～转自大漠穷秋老师的NiceFish
Angular6实例 使用Angular构建现代真实世界Web应用程序
09-20
最新版Angular 6的实例演示，代码清晰可复制，英文版哟。尝鲜也需要勇气。
简单描述一个最简化的Angular项目代码
Dominic_W的博客
03-20 817
一个使用NgModule装饰器修饰的类，通常就是一个模块，NgModule为一系列组件声明了编译的上下文环境，通常我会把几个业务逻辑关联比较紧密的组件放在一个模块中，形成一个功能单元。的值是angular cli创建当前组建时，根据组件所在的路径以及组件名称定义的一个唯一标识符，如果我们后续要在项目中的其他地方引用当前这个组件时，可以使用这个标识符。按照官方的说法，组件是angular的主要构造块，说白了，整个angular项目都是由一个又一个的组件组合起来的。文件也需要先了解一下。
angularjs,ng-include引入html代码片段
杨涛峰的博客
03-17 3013
AngularJs，ng-include引入文件 初学者的坑
【荐】Angular官方代码风格指南
野草园
12-23 1134
本文为笔者对Angular官网风格指南的整理版本，删除／增加了部分内容。另外，原文对每个规范都作出了原因的解释，个别还有示例，需要的请点击查看原文。原链接：英文文档 ／ 中文文档单一职责单一文件 一个文件定义一样东西，比如一个组件、一个服务、一个管道、一个指令 每个文件最多不要超过400行 单一函数 定义功能单一的函数 一个函数最多不要超过75行 命名规范 文件名采用feature.type.*
angular---代码详解(第一篇)
web_q的博客
03-15 964
1.1:简要 html> html lang="en"> head> meta charset="UTF-8"> title>AngularJS 模块化title> head> body> 指定模块 --> 一个页可以有多个模块，但是不能互想嵌套 --> 一般只会有一个 --> div class="box" ng-app="App"> 指定
angular代码高亮代码
Doooer的博客
11-01 513
新建立一个管道 keyword.pipe.ts import {Injectable, Pipe, PipeTransform} from '@angular/core'; import {DomSanitizer} from '@angular/platform-browser'; @Pipe({ name: 'keyword' }) @Injectable() export class ...
AngularJS指令
Thewei666的博客
05-13 540
AngularJS中使用模块的 directive() 函数来自定义指令app.directive('指令名称',function(){return{template,replace ,restrict,...})
angular_velocity
最新发布
09-04
Angular velocity, 或称为角速度，是指物体绕其旋转轴转动的速度，通常以弧度每秒（rad/s）作为单位。在物理学和工程学中，特别是与机械运动、机器人学和计算机图形学相关的领域，它描述了一个点或整个刚体在单位...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值