Не могу понять, почему мой угловой код не работает с Ionic Framework и Intel XDK

Question

Не могу понять, почему мой угловой код не работает с Ionic Framework и Intel XDK

0

Я создал проект Ionic в Intel XDK, я начал настраивать навигационную панель с помощью кнопок, я добавил кнопку состояния, которая будет циклически менять и менять ярлык из доступных, удаленных и занятых при нажатии кнопки.

Я начал с малого и хотел вставить строку через переменную области видимости, определенную в моем JavaScript app.js. Я не могу заставить его работать. app.js определяется в моих тегах заголовка и я ng-app внутри моего 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.

Julien Popa-Liesz 08 янв. 2016, в 03:57

Источник

0

Я потратил еще пару часов, я создал новый проект, я попытался сделать еще один угловой модуль, и я до сих пор не могу заставить его работать. Я мог бы просто отказаться от ионных и угловых и написать его с помощью jquery.
Julien Popa-Liesz 08 янв. 2016, в 10:56
0

Вы настроили ng-app или используете какой-либо инструмент минимизации скриптов?
A.T. 08 янв. 2016, в 11:05
0

Извините, у меня нет ответа для вас. Я не уверен, какой инструмент вы тоже используете.
Julien Popa-Liesz 08 янв. 2016, в 12:13
0

Вы можете показать всю страницу HTML? этот фрагмент не показывает, какие скрипты вы загружаете, в каком порядке вы их загружаете или где вы загружаете модуль / контроллер.
Claies 09 янв. 2016, в 01:49
0

Кроме того, я не уверен, что вы можете добавить ng-app к элементу ввода button .
Claies 09 янв. 2016, в 01:50
0

Я попробовал новый проект, который был контроллером, и вставил выражение в HTML, на которое ссылается переменная области видимости, в теге body была установлена директива ng-app, я попытался перемещать ng-контроллер к другим тегам, чтобы посмотрим что будет. Тем не менее, я все еще не могу получить переменную для отображения в представлении. Я запускаю свой XDK в Linux и убедился, что все права доступа к файлам на всякий случай хороши.
Julien Popa-Liesz 09 янв. 2016, в 02:11

Показать ещё 4 комментария

Теги:

angularjs

intel-xdk

ionic

1 ответ

Ещё вопросы

Я потратил еще пару часов, я создал новый проект, я попытался сделать еще один угловой модуль, и я до сих пор не могу заставить его работать. Я мог бы просто отказаться от ионных и угловых и написать его с помощью jquery.
Вы настроили ng-app или используете какой-либо инструмент минимизации скриптов?
Извините, у меня нет ответа для вас. Я не уверен, какой инструмент вы тоже используете.
Вы можете показать всю страницу HTML? этот фрагмент не показывает, какие скрипты вы загружаете, в каком порядке вы их загружаете или где вы загружаете модуль / контроллер.
Кроме того, я не уверен, что вы можете добавить ng-app к элементу ввода button .
Я попробовал новый проект, который был контроллером, и вставил выражение в HTML, на которое ссылается переменная области видимости, в теге body была установлена директива ng-app, я попытался перемещать ng-контроллер к другим тегам, чтобы посмотрим что будет. Тем не менее, я все еще не могу получить переменную для отображения в представлении. Я запускаю свой XDK в Linux и убедился, что все права доступа к файлам на всякий случай хороши.

Julien Popa-Liesz · Answer 1 · 2016-01-10T08-51-00.000Z

Я понял, что проблема. Похоже, что угловой не работает, когда вы используете дизайн с ионным. В итоге я создал новый пустой проект с отключенным дизайнером приложений и сделал все с нуля, и он работает. Если кто-то еще сталкивается с этой проблемой с разработчиком приложений, дайте мне знать.