2016-01-08 19 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

我想通了这个问题,当你使用带有离子的设计视图时,角度似乎不起作用。我最终创建了一个禁用应用程序设计器的新空白项目,并从零开始做了一切工作。如果其他人有与应用程序设计师的这个问题让我知道。