2016-01-08 58 views
0

我已經在Intel XDK中創建了Ionic項目,我開始使用按鈕設置導航欄,添加了一個狀態按鈕,它將循環並在單擊該按鈕時將標籤從可用,離開和忙中更改。找不到爲什麼我的角碼不能用於Ionic框架和Intel XDK

我從小開始,希望通過我在JavaScript app.js中定義的範圍變量插入一個字符串。我似乎無法得到它的工作。 app.js被定義在我的頭標和我的div裏面,我的按鈕居住在我的應用程序。我覺得綁定在離子模式下的angular.js由於某種原因不起作用,下面是我的一段代碼。

HTML:

<!DOCTYPE html> 

<script src="intelxdk.js"></script> 
<script src="cordova.js"></script> 
<script src="xhr.js"></script> 
<script src="xdk/init-dev.js"></script> 
<script type="application/javascript" src="ionic/js/ionic.bundle.js"></script> 
<script type="application/javascript" src="lib/jquery.min.js"></script> 
<script type="application/javascript" src="marginal/marginal-position.js"></script> 
<script type="application/javascript" src="js/index_init_services.js"></script> 
<script type="application/javascript" src="js/index_uib_w_8_popover.js"></script> 
<script type="application/javascript" src="js/index_uib_w_10_popover.js"></script> 
<script type="application/javascript" src="sidebar/js/sidebar.js"></script> 
<script type="application/javascript" src="sidebar/js/swipe.js"></script> 
<script type="application/javascript" src="js/app.js"></script> 
<script type="application/javascript" src="js/init-app.js"></script> 
<script type="application/javascript" src="popup/popup.min.js"></script> 
<script type="application/javascript" src="js/index_user_scripts.js"></script> 
<script type="application/javascript" src="sidebar/js/hammer.js"></script> 
<script type="application/javascript" src="sidebar/js/jquery.hammer.js"></script> 
<script type="application/javascript" src="sidebar/js/swipe-hammer.js"></script> 
<script type="application/javascript" src="js/index_uib_w_13_popup.js"></script> 
<script type="application/javascript" src="ionic/js/ionic.bundle.js"></script> 
<script type="application/javascript" src="xdk/ad/ionic_subpage.js"></script> 

<body ng-app="myApp"> 
<div class="upage" id="mainpage"> 
    <div class="upage-outer content-area vertical-col left fixed-header-footer"> 
    <div id="page_28_32" class="upage-content vertical-col left "> 
     <template class="uib-ionic-popup widget uib_w_13 d-margins" data-uib="ionic/popup" data-ver="0"></template> 

    </div> 
    <ion-header-bar class="bar inner-element uib_w_1 bar-balanced bar-header" data-uib="ionic/header" data-ver="0" align-title="center"> 
     <div class="buttons widget-container content-area horiz-area wrapping-col"> 
     <button class="button widget uib_w_2 ion d-margins button-clear ion-android-more icon-right" data-uib="ionic/button" data-ver="0"></button> 
<div class="upage" id="mainpage"> 
    <div class="upage-outer content-area vertical-col left fixed-header-footer"> 
    <div id="page_28_32" class="upage-content vertical-col left "> 
     <template class="uib-ionic-popup widget uib_w_13 d-margins" data-uib="ionic/popup" data-ver="0"></template> 

    </div> 
    <ion-header-bar class="bar inner-element uib_w_1 bar-balanced bar-header" data-uib="ionic/header" data-ver="0" align-title="center"> 
     <div class="buttons widget-container content-area horiz-area wrapping-col"> 
     <button class="button widget uib_w_2 ion d-margins button-clear ion-android-more icon-right" data-uib="ionic/button" data-ver="0"></button> 
     </div> 

<h1 class="title">Medroid</h1> 
     <div class="buttons widget-container content-area horiz-area wrapping-col"> 
     <button class="button widget uib_w_7 ion ion-android-reminder icon-right d-margins" data-uib="ionic/button" data-ver="0" id="notifications"></button> 
     <button class="button widget uib_w_6 ion d-margins ion-android-forums icon-right" data-uib="ionic/button" data-ver="0" id="inbox" ng-controller="uib_w_8_popover_controller" ng-click="show($event)"></button> 
     <button ng-app="statusButton" class="button widget uib_w_5 ion d-margins button-large ion-android-data icon-left" data-uib="ionic/button" data-ver="0" ng-controller="statusCtrl" id="status">{{status}}</button> 
     </div> 

的JavaScript:

angular.module('statusButton',['ionic']) 
.controller('statusCtrl', function($scope){ 
$scope.status = "hey"; 
} 
}); 

Here's the Output

更新:我試過幾次去角的控制器與無濟於事工作,我根本無法獲得的角度與此IDE工作。

+0

我花了幾個小時,創建了一個新項目,我試着做另一個角度模塊,但仍然無法工作。我可能只是放棄離子和角度,並使用jquery編寫它。 –

+0

你有沒有設置ng-app,或者你在使用任何腳本縮小工具? –

+0

對不起,我沒有你的答案A.T.我不確定你指的是什麼工具 –

回答

0

我想通了這個問題,當你使用帶有離子的設計視圖時,角度似乎不起作用。我最終創建了一個禁用應用程序設計器的新空白項目,並從零開始做了一切工作。如果其他人有與應用程序設計師的這個問題讓我知道。