###前提・実現したいこと
JavaScriptでニフティクラウドMobileBackendに保存したデータをすべて<li>タグ内に書き出すシステムを作っています。
###発生している問題・エラーメッセージ
OnsenUIを使わない状態ではプログラムが動いていたのですが、OnsenUIを組み込んだところ動かなくなりました。
今の書き方がOnsenUIにあっていないということでしょうか?
AngularJSには疎いので、できればJavaScriptかjQueryでプログラムを作りたいです。
OnsenUIにあった書き方や代替案がありましたら教えてください。
よろしくお願いします。
###ソースコード
html
1<ons-page> 2 <ons-toolbar> 3 <div class="left"> 4 <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button> 5 </div> 6 <div class="center">送信済みメール</div> 7 </ons-toolbar> 8 <div> 9 <h1>送信済みメール</h1> 10 </div> 11 <ul id="ul1"> 12 <li></li> 13 </ul> 14</ons-page>
JavaScript
1//mobile backendのAPIキーの設定 2var application_key = ""; 3var client_key = ""; 4var ncmb = new NCMB(application_key, client_key); 5 6$(function showmail(){ 7 //createDateから降順 8 var Mail = new ncmb.DataStore("Mail"); 9 alert("alert2") 10 Mail.order("createDate", true) 11 .fetchAll() 12 .then(function(ary){ 13 //ulの中身を空にする 14 $("#ul1").empty(); 15 //liの設定 16 $.each(ary, function(i, UN){ 17 $("<li></li>").text("宛先:").appendTo("#ul1"); 18 $("<li></li>").text(Mail.get("hoge")).appendTo("#ul1"); 19 $("<li></li>").text("日付:" + Mail.get("nowhour")).appendTo("#ul1"); 20 $("<li></li>").text("件名:" + Mail.get("subject")).appendTo("#ul1"); 21 $("<li></li>").text("内容:" + Mail.get("content")).appendTo("#ul1"); 22 $("<li></li>").text("回答:").appendTo("#ul1"); 23 $("<li></li>").text(Mail.get("finalAnswer")).appendTo("#ul1"); 24 }); 25 }) 26 .catch(function(){ 27 alert("error"); 28 }); 29});
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/12/21 07:49
2015/12/22 03:36