From 9288f126c4da81ddd2ca400844fbeb8ee66d0e17 Mon Sep 17 00:00:00 2001 From: "YLHEALTH\\jackson.li" Date: Wed, 9 Jan 2019 17:30:37 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=AA=E9=99=A4=E3=80=81=E5=8A=A0=E7=B8=BD?= =?UTF-8?q?=20&=20=E6=B8=85=E7=A9=BA=E6=89=80=E6=9C=89=E9=A0=85=E7=9B=AE?= =?UTF-8?q?=20done?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/home/01d.png | Bin 0 -> 2859 bytes src/app/home/home.component.html | 15 ++++----------- src/app/home/home.component.ts | 2 +- src/app/p2/data.ts | 4 ++-- src/app/p2/p2.component.html | 23 ++++++++++++++--------- src/app/p2/p2.component.ts | 24 ++++++++++++++++++------ src/app/p3/p3.component.html | 2 +- src/app/p4/p4.component.html | 10 ++++++---- src/app/p4/p4.component.ts | 4 ++-- 9 files changed, 48 insertions(+), 36 deletions(-) create mode 100644 src/app/home/01d.png diff --git a/src/app/home/01d.png b/src/app/home/01d.png new file mode 100644 index 0000000000000000000000000000000000000000..7d2f792c324408eaccb8a13e0cd16fd502dd51cf GIT binary patch literal 2859 zcmb_ed00~U8YWZAt;dpF$c#`cHx7$LGC-QB>A2;BQrU!n$i!lRikgku&1G85Cew0B zN6Tifg$#_-(Q^xeUB%gl(sZAP_A*#kB--Hro&aQFG_`1&RYb+zAW; z4@qYVf>}rjFAVgCK!_3o_{d|4>2L{;%NG$OB!tp~06r^V00CFJi1(2Yfgav)M}d$9 z$05;341%l)hr@|NW(dKD;yf1)zL5~2VsRJ&03stJk&#%WK*$Erc6N3E3Ikv;HlT-% zD2gwpOKkWe)7c~+^H5kKhL95`<_P$3MP7QaAY4pBAQXk>KXZNZ!sZL{MRTk`et?7? z2B48BU_LV#NCY_&JOoTmNEC%GW|1){G{y#nx5423&{zTrPuPMZ0*ib;)l^113R!fq zK5m2yLz)C5ZqM=3j|6?oWgnZKVGr9`PmwXi{ z!ArWVp@(zD2=XR| z1>6VRT|%({ZHLFh55OtlO!7oxP;(?W`Ln-2m-BhnS@iQ_MBt0Y{`&CDqTqHTYl8dX zSy|YJ1eYKeOxVU$LKRQ2h z4{pfLD(wk*f9^Z$HFfRnj*Sfs)CwEXuA3WvK4YkQr{&QkB&XE8Q$^(t91gV{y(VM7 zC^4lD{HvqSL%;cl?A&Lf2jdg5sUtZeqb_5wZOudtxS6&CdYa_lj?i?#GPw;Zub0E(0B?=Ve%sL@oahpEhEsV`)DvKKK2m z7|vxbgSHBgUGyR6Xk43Ur;Zkfm1Nmyr^n&+Elg&bNeFN_rb#fHZ)u&BL{(T^lrWMkXh{Ood*do-_}7-XM<~HrQYB&g; zBzvg*)=RI7!(%;H^Rlk@UocEIqY*Q!D89b*L%Qlrfr@&nS}!lIYqM^!neiU^*U^c! z5J!V0RlV^`twMj+=}bO~d)j~K+(Re-CV&5^EYgGZWX_2RrZ(4$MlO@h}YaLme*yb-Z5Qe`eAG!BGc#Hj?q;o9N$ab z)RBHm`SFDlRPWZN?UG;30UKah1tv5w8Bh;q6R@0+R;Wg21hPi$x;&RR{ts8)D z=E;Ho=xtGHvY*;vHW_VmEI|5=P{pY)j*ew`SJt`_p)J@plQhUsak@ruV-pL;Yh9CB zUYAgbjX%0eZcupXQ8a1)_zT%LX(nSU<&o!Adu1z{`X=hI!m~Eqo7aDWhLnGQfe6PP zX58)#s;9a9Zu}(ns}(8G@!H4ojHp65rzQs~D=lun^=r(@|LyGkD#E*Zby`M5!kWev zXiF)@J$vfRVB461NnZCzDKR6WwGqaS)mCNO-Y85ALcDUu=p&C?4z6 zDRDw&m~ML()ltYhlH7m9`e96zU2x@E_K}@h#DWnaYRe?#I!sMlW7%NlcBy@^N`uj+ zKD~>1k+`TDy9>sy7ByV^dTS=tSnJC5w-(ZJtDbd!LRrjr(bqR!-Tg`}D%%SY0qcbl zQ~Np6Y%N|uM>sFHM{woDgZe1y zV46$jeNpHiN7mz}t*WbBen~81nvUPicd-r_y$7sWJ*=_)!)a-^HlC7!KJ*&@ihm-Y zTSa(K;`4mvYdU!en@g>h4d`7CjNH@wVq zVZuCd<#{fC*b?_zht#{a+21l9QZI(=JahDrNg8L%題一

-

關於這一題我看了很多網站但還是解決不出來，我分別在iT邦幫忙和stackOverflow提問
- stackoverflow -
iT邦幫忙 -
，照著他們的解答我依舊無法解決問題十分抱歉 -
我認為問題點在於我無法將associative array插進第二個table裡面（第一個table可以），我嘗試過使用
-*ngFor *ngif並用、
-ng-container
但依舊無法，請bass姐賜教 -

+ cnt:
城市資訊;
@@ -60,7 +53,7 @@ cnt:
- + @@ -100,8 +93,8 @@ cnt:
-
icon
{{ item2.description }} - {{item }} + + {{ pic }} {{ item.speed }} meter/sec diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 0d2deb4..1c22205 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,7 +1,6 @@ import { Component, OnInit } from '@angular/core'; import { dataList } from './dataList.const'; - @Component({ selector: 'app-home', templateUrl: './home.component.html', @@ -11,6 +10,7 @@ export class HomeComponent implements OnInit { list = dataList; + pic = Image['./01d.png']; constructor() { } diff --git a/src/app/p2/data.ts b/src/app/p2/data.ts index c79e1d9..d211b90 100644 --- a/src/app/p2/data.ts +++ b/src/app/p2/data.ts @@ -3,14 +3,14 @@ export class Data { name: string; price: any; quantity: any; - + total: any; constructor(name: string, price: any, quantity: any) { this.name = name; this.price = price; this.quantity = quantity; - + this.total = price * quantity; } diff --git a/src/app/p2/p2.component.html b/src/app/p2/p2.component.html index dea6fe5..6d940f9 100644 --- a/src/app/p2/p2.component.html +++ b/src/app/p2/p2.component.html @@ -1,15 +1,20 @@

題二

-

尚未將隱藏及加總功能也還沒

+

尚餘隱藏功能

-

- 單品：
- 單價：
- 數量：
+ + + 單品：
+ 單價：
+ 數量：
+ +

你購買 {{ name }} 商品，單價 {{ price }} 元，數量{{ quantity }}元，共計NT${{ price * quantity}} 元 -

+ {{ message }} +

- +
+ @@ -26,10 +31,10 @@ - + - + diff --git a/src/app/p2/p2.component.ts b/src/app/p2/p2.component.ts index 8ab2cff..8e555f9 100644 --- a/src/app/p2/p2.component.ts +++ b/src/app/p2/p2.component.ts @@ -16,19 +16,19 @@ export class P2Component implements OnInit { datas: Data[] = []; - result = 0; - total = ''; + // result = 0; + total: any; message = ''; + buildMessage(): void { if (this.name !== null && this.price !== null && this.quantity !== null && this.name !== undefined && this.price !== undefined && this.quantity !== undefined ) { - this.message = "你購買" + this.name + "商品，單價" + this.price + "元，數量" - + this.quantity + "元，共計NT$"; + this.message = '你購買' + this.name + '商品，單價' + this.price + '元，數量' + + this.quantity + '元，共計NT$'; } - } addData(): void { @@ -48,7 +48,14 @@ export class P2Component implements OnInit { } - totalPrice(){ + totalPrice(): void { + const result = 0; + for ( + const i = 0; i < this.datas.length; i++ + ) { const data = this.datas[i]; + result = result + data.total; + } + return result; } deleteItem(name, i): void { @@ -56,6 +63,11 @@ export class P2Component implements OnInit { this.datas.splice(i, 1); } + cleanItem(name, i): void { + console.log(name); + this.datas.splice(i) + } + constructor() { } ngOnInit() { diff --git a/src/app/p3/p3.component.html b/src/app/p3/p3.component.html index d9014b2..833a04a 100644 --- a/src/app/p3/p3.component.html +++ b/src/app/p3/p3.component.html @@ -1,5 +1,5 @@

題三

-

sorry

+ 寬度 :
高度 :
diff --git a/src/app/p4/p4.component.html b/src/app/p4/p4.component.html index d38839a..43b6b25 100644 --- a/src/app/p4/p4.component.html +++ b/src/app/p4/p4.component.html @@ -1,5 +1,4 @@
輸入欄位驗證
-

十分抱歉，不夠時間完成

{{ data.name }} {{ data.price }} {{ data.quantity }}{{ data.price * data.quantity}}{{ data.total }}
加總 {{ totalPrice() }}
製作三個directive 輸入欄位驗證
@@ -9,13 +8,16 @@
欄位一 :

欄位二 :

+ 欄位三 :

- 欄位三 : diff --git a/src/app/p4/p4.component.ts b/src/app/p4/p4.component.ts index 49bf7cb..9c60bc7 100644 --- a/src/app/p4/p4.component.ts +++ b/src/app/p4/p4.component.ts @@ -29,10 +29,10 @@ export class P4Component implements OnInit { console.log(inputRef.value); inputRef.value = ''; - inputRef.value = this.value2; + this.value2 = new Number(inputRef.value); if ( - this.value2 !== 'number' + this.value2 !== Number ) { alert('bye'); } else { -- 2.26.2