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";
}
});
更新:我试过几次去角的控制器与无济于事工作,我根本无法获得的角度与此IDE工作。
我花了几个小时,创建了一个新项目,我试着做另一个角度模块,但仍然无法工作。我可能只是放弃离子和角度,并使用jquery编写它。 –
你有没有设置ng-app,或者你在使用任何脚本缩小工具? –
对不起,我没有你的答案A.T.我不确定你指的是什么工具 –