Question

我在英特尔XDK中创建了一个Ionic项目，我开始使用按钮设置我的导航栏，我添加了一个状态按钮，当按下该按钮时，该按钮将循环并更改可用，远离和忙碌的标签。

我从小开始，想通过我在JavaScript app.js中定义的范围变量插入一个字符串。我似乎无法让它工作。 app.js是在我的head标签中定义的，我的div位于我的按钮所在的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进行角度调整。

Answer 1

我想出了这个问题，当你使用带有离子的设计视图时，看起来角度不起作用。我最终创建了一个新的空白项目，禁用了应用程序设计器，并从头开始做了所有事情。如果其他人与app设计师有这个问题，请告诉我。

无法弄清楚为什么我的角度代码不适用于Ionic框架和英特尔XDK

1 个答案: