Onsenui + Angularでアプリ開発を行っている途中です。
10月中旬頃までは以下のソースで問題なく動作していたのですが、
本日起動したところ、初期ページの
ng-click="tap('logintab.html')"
が動作した際に、添付のエラーメッセージが表示されてしまいうまく動作しません。
変更した箇所に心当たりはまったくないのですが、
どこを調べていいものかわからず、お恥ずかしい限りですが皆さんのお力をお借りしたく思います。
##エラーメッセージ
icon.attributeChangedCallback is not a function
angular.js:13920 TypeError: icon.attributeChangedCallback is not a function
at TabElement.value (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:6:11646)
at file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:6:14960
at file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:2:11568
at Array.forEach (native)
at consumeQueue (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:2:11534)
at contentReady (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:2:11750)
at TabElement.value (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:6:14929)
at CustomElementInternals.value (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:3:12327)
at CustomElementInternals.value (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:3:11460)
at CustomElementInternals.value (file:///C:/TGMApp/kumaapp/www/lib/onsenui/js/onsenui.min.js:3:10586)
##ソースコードを以下に記入します。
---Index.html----#
</body> </html><!-- タブ表示用ページ--> <ons-template id="tabK.html"> <ons-page> <ons-tabbar var="tab" position="bottom"> <ons-tab page="main.html" label="ホーム" icon="home" active></ons-tab> <ons-tab page="yoyaku.html" label="熊の待ち合わせ" icon="fa-tasks"></ons-tab> <ons-tab page="letter.html" label="熊のお便り" icon="ion-paper-airplane"></ons-tab> <ons-tab page="config.html" label="設定" icon="gear"></ons-tab> </ons-tabbar> </ons-page> </ons-template> <!-- タブ表示用ページ 非会員用--> <ons-template id="tabN.html"> <ons-page> <ons-tabbar var="tab" position="bottom"> <ons-tab class="color_not_login" page="main.html"> <div class="my-icon"> <div class="my-icon-sub"> <img src="img/40.png" alt="熊アイコン"> </div> </div> </ons-tab> <ons-tab class="color_not_login" page="hikaiinyoyaku.html" label="熊のお試し" icon="fa-ticket"></ons-tab> <ons-tab class="color_not_login" page="letter.html" label="熊のお便り" icon="ion-paper-airplane"></ons-tab> <ons-tab class="color_not_login" page="config.html" label="設定" icon="gear"></ons-tab> </ons-tabbar> </ons-page> </ons-template> <!-- ログインタブ表示用ページ--> <ons-template id="logintab.html"> <ons-page ng-controller="HomeController" ng-init="HomeInit()"> <ons-tabbar ng-controller="LoginTabController" var="tab" position="bottom" animation="none"> <ons-tab page="main.html" label="熊イラスト" icon="home" active></ons-tab> <ons-tab page="aisatsu.html" label="ご挨拶" icon="fa-tasks"></ons-tab> <ons-tab page="login.html" label="ログイン" icon="fa-users"></ons-tab> <ons-tab page="join.html" label="熊の仲間入り" icon="fa-users"></ons-tab> </ons-tabbar> <h1>アプリ タブページ </h1> </ons-page> </ons-template> <ons-template id="top.html"> <ons-page id="top"> <div class="title center"> <h1>熊の◯◯公式アプリ </h1> </div> <div ng-click="tap('logintab.html')" class="blinking center"> <h1>Tap here.</h1> </div> </ons-page> </ons-template> <ons-template id="home.html"> <ons-page id="home"> <img class="topImg center" src="img/01.png"> </ons-page> </ons-template> <ons-template id="main.html"> <ons-page id="main"> <div class="content"> <div class="main"> <p>アプリ</p> </div> </div> </ons-page> </ons-template> <ons-template id="aisatsu.html"> <ons-page id="main"> <div class="content"> <div class="main"> <p>ご挨拶</p> </div> </div> </ons-page> </ons-template> <ons-template id="login.html"> <ons-page id="login"> <div class="content"> <div class="main center"> <p>ログイン</p> </div> <ons-list-item> <div class="center"> 登録会員としてログイン </div> <div class="right"> <ons-switch id="swich_kaiin" checked></ons-switch> </div> </ons-list-item> <p></p> <div class="Button_Wrapper_center"> <span> <div> <input class="text-input text-input--material" placeholder="Username" type="text" required> </div> <br /> <div> <input class="text-input text-input--material" placeholder="Password" type="password" required> </div> </span> <div class="loginButton center"> <ons-button ng-click="login()" modifier="material">ログイン</ons-button> </div> </div> <p></p> <div class="Button_Wrapper_center"> <div class="FBloginButton"> <ons-button id="fblogin" modifier="material" onclick="mySplitter.content.load( 'fblogin.html')">Facebookログイン</ons-button> </div> </div> </div> </ons-page> </ons-template> <ons-template id="join.html"> <ons-page id="join"> <div class="content"> <div class="main center"> <p>熊の仲間入り</p> </div> </div> </ons-page> </ons-template> <ons-template id="yoyaku.html"> <ons-page id="yoyaku"> <div class="content"> <div class="main"> <p>熊の待ち合わせ</p> </div> </div> </ons-page> </ons-template> <ons-template id="hikaiinyoyaku.html"> <ons-page id="hikaiinyoyaku"> <div class="content"> <div class="main"> <p>熊のお試し</p> </div> </div> </ons-page> </ons-template> <ons-template id="letter.html"> <ons-page id="letter"> <div class="content"> <div class="main"> <p>熊のお便り</p> </div> </div> </ons-page> </ons-template> <ons-template id="config.html"> <ons-page id="config"> <div class="content"> <div class="main"> <p>設定</p> </div> </div> </ons-page> </ons-template> <template id="fblogin.html"> <ons-page id="fblogin"> <div class="content"> <div class="main"> <p>Facbookログイン</p> </div> </div> </ons-page> </template>
###試したこと
index.htmlの各項目をコメント化して実行してみましたが、原因となる箇所の特定ができませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。