teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

内容修正

2018/08/21 00:41

投稿

yamame01
yamame01

スコア16

title CHANGED
File without changes
body CHANGED
@@ -56,4 +56,4 @@
56
56
  ### 補足情報(FW/ツールのバージョンなど)
57
57
  Angular: 5.1.2
58
58
 
59
- 簡単なだとは思いますが、ご教授お願いいたします。
59
+ ご教授お願いいたします。

2

ソースコードの修正

2018/08/21 00:41

投稿

yamame01
yamame01

スコア16

title CHANGED
File without changes
body CHANGED
@@ -6,7 +6,7 @@
6
6
  解決方法をご教授いただけますと幸いです。
7
7
 
8
8
  ### 該当のソースコード
9
-
9
+ template.html
10
10
  ```html
11
11
  <select[(ngModel)]="selectedType">
12
12
  <option*ngFor="let type of types" [selected]="type.id=='0'"[value]="type.id">
@@ -15,23 +15,36 @@
15
15
  </select>
16
16
  ```
17
17
 
18
+ AppComponent.ts
18
19
  ```typescript
19
20
  private types: Object;
20
21
 
22
+ export class AppComponent implements OnInit {
23
+
21
- constSEARCH_TYPE=[
24
+ const SEARCH_TYPE=[
22
- {
25
+ {
23
- name:'type01',
26
+ name:'type01',
24
- id:0
27
+ id:0
25
- },
28
+ },
26
- {
29
+ {
27
- name:'type02',
30
+ name:'type02',
28
- id:1
31
+ id:1
29
- },
32
+ },
30
- {
33
+ {
31
- name:'type03',
34
+ name:'type03',
32
- id:2
35
+ id:2
36
+ }
37
+ ];
38
+
39
+ constructor() {
40
+ types = getTypes();
33
41
  }
42
+
43
+ getTypes() {
44
+ return SEARCH_TYPE;
34
- ];
45
+ }
46
+
47
+ }
35
48
  ```
36
49
 
37
50
  ### 試したこと

1

タイトルの改善

2018/08/20 13:44

投稿

yamame01
yamame01

スコア16

title CHANGED
@@ -1,1 +1,1 @@
1
- Angularでselectのデフォルト値を設定する
1
+ Angularでプルダウン(select)のデフォルト値を設定する
body CHANGED
File without changes