回答編集履歴
2
kahitu
test
CHANGED
@@ -1,6 +1,10 @@
|
|
1
|
+
### 結論
|
2
|
+
|
1
|
-
|
3
|
+
classListの仕様ではなく`Web Components`で実現しているからでした。(ソウイエバカイテアッタナー)
|
2
4
|
|
3
5
|
|
6
|
+
|
7
|
+
### Monacaのアーキテクチャー
|
4
8
|
|
5
9
|
[先進的なアーキテクチャー](https://ja.onsen.io/v2/guide/index.html#onsen-uitoha)
|
6
10
|
|
@@ -22,9 +26,15 @@
|
|
22
26
|
|
23
27
|
|
24
28
|
|
29
|
+
### 結論に至った経緯
|
30
|
+
|
25
31
|
属性変更を検知するのって[MutationObserver](https://developer.mozilla.org/ja/docs/Web/API/MutationObserver)くらいしか知らなくて、onsenui.jsを調べたけど見つからず…
|
26
32
|
|
27
33
|
下のコードで調べた時に`5.icon指定無しなら`の動作がどうしてもしっくりこない。タグ名で検索したら何だこのソースは?→そうか、これが`Web Components`か→あーicon属性なかったら動きそうにないなぁ ってところまで確認しました。
|
34
|
+
|
35
|
+
var icon = (略)'<ons-icon icon="' + `this.getAttribute('icon')` + '"></ons-icon>');
|
36
|
+
|
37
|
+
|
28
38
|
|
29
39
|
|
30
40
|
|
1
ぬけ追加。もう寝ます
test
CHANGED
@@ -18,7 +18,7 @@
|
|
18
18
|
|
19
19
|
0. 独自のタグをjavascriptでclassで作成可能
|
20
20
|
|
21
|
-
0. 通常のタグと同じく、属性値を変えたら即反映(なんかうまいこと(^^;してlistenしているんでしょうな。[slim.js](http://slimjs.com/#/data-binding)
|
21
|
+
0. 通常のタグと同じく、属性値を変えたら即反映(なんかうまいこと(^^;)してlistenしているんでしょうな。[slim.js](http://slimjs.com/#/data-binding)なのかな?
|
22
22
|
|
23
23
|
|
24
24
|
|