2016-12-26 10 views
0

У меня обычно нет этой проблемы, но по какой-то причине я не могу сделать эту работу. Я положил ng-app="LunchCheck"body в теге, и когда я делаю этоДвойные фигурные скобки не работают

<div class="container" ng-controller="LunchCheckController"> 
    <h1>{{title}}</h1> 

</div> 

переменную title не отображается. Он объявлен в .js файле, в контроллере:

var LunchCheck = angular.module('LunchCheck', []); 

LunchCheck.controller('LunchCheckController', 
         LunchCheckController      
); 

LunchCheckController.$inject['$scope']; 

function LunchCheckController($scope){ 
    $scope.title="Lunch Checker"; 
    $scope.count=getCount(); 
    $scope.message=""; 
    if($scope.count<=3){ 
     $scope.message="Enjoy!"; 
    } 
    else $scope.message ="Too much!" ; 
}; 

Вы можете просмотреть код here. Пожалуйста, помогите мне с этим, спасибо.

+1

Переместите свой 'script' в' head'. Кроме того, если вы начинаете изучать угловой, изучите угловой 2, а не угловой 1, угловой 1 скоро станет неуместным, он медленный – Dummy

+0

@Dummy Мне нужно отделить javascript –

ответ

1

Понял работает: https://jsfiddle.net/suvartheec/n0jtbysz/3/

Б Внешние ресурсы для загрузки Угловое и JQuery, изменила тело тега в

<body ng-app="LunchCheck"> 

Changed Тип нагрузки от Javascript для «Нет обертка - В голове» и закомментировал скриптовые теги в html.

+0

в моем html. Я фактически разместил теги скрипта в моей голове теги, но не работает. –

+0

Ошибка, которую я получал в консоли, заключается в том, что «угловой не определен», что указывает на то, что порядок инициализации был где-то неправильным. Ссылка на скрипку, которую вы разместили здесь, содержит теги src скриптов внутри тела. также тег тела не должен быть там, потому что jsFiddle поставляет тег тела, и это приведет к дублированию. – suvartheec

+0

Я понимаю вашу конфигурацию в jsfiddle. но прямо сейчас в моем проекте NetBeans я включил библиотеки в теги '' (и перед тегами '') в порядке jQuery -> AngularJS -> app.js, но все еще не работает – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Смежные вопросы</div> <ul class="relative_list"> <li> 1. <a href="http://ru.voidcc.com/question/p-olneaeqx-ws.html" target="_blank" title="Двойные фигурные скобки в perl"> Двойные фигурные скобки в perl </a> </li> <li> 2. <a href="http://ru.voidcc.com/question/p-ohhciecw-vh.html" target="_blank" title="ионную: двойные фигурные скобки «{{» не оценили"> ионную: двойные фигурные скобки «{{» не оценили </a> </li> <li> 3. <a href="http://ru.voidcc.com/question/p-psrxeofs-bov.html" target="_blank" title="двойные фигурные скобки обозначения не компилируются"> двойные фигурные скобки обозначения не компилируются </a> </li> <li> 4. <a href="http://ru.voidcc.com/question/p-wwcnbvby-sa.html" target="_blank" title="Насколько вредны двойные фигурные скобки в GWT?"> Насколько вредны двойные фигурные скобки в GWT? </a> </li> <li> 5. <a href="http://ru.voidcc.com/question/p-pmgsjizp-ne.html" target="_blank" title="Функция вызова внутри Угловые двойные фигурные скобки"> Функция вызова внутри Угловые двойные фигурные скобки </a> </li> <li> 6. <a href="http://ru.voidcc.com/question/p-byorlkhl-dt.html" target="_blank" title="Когда использовать двойные фигурные скобки {{}} в angularJS"> Когда использовать двойные фигурные скобки {{}} в angularJS </a> </li> <li> 7. <a href="http://ru.voidcc.com/question/p-owdmcslk-wg.html" target="_blank" title="Двойные фигурные скобки в Баш - плохая замена"> Двойные фигурные скобки в Баш - плохая замена </a> </li> <li> 8. <a href="http://ru.voidcc.com/question/p-osfeskrw-bnp.html" target="_blank" title="Угловые фигурные скобки не работают, базовый код"> Угловые фигурные скобки не работают, базовый код </a> </li> <li> 9. <a href="http://ru.voidcc.com/question/p-djdhdcsm-bnp.html" target="_blank" title="Anki: Как вы видите двойные фигурные скобки?"> Anki: Как вы видите двойные фигурные скобки? </a> </li> <li> 10. <a href="http://ru.voidcc.com/question/p-anjraulo-mw.html" target="_blank" title="Элемент Javascript get, содержащий двойные фигурные скобки"> Элемент Javascript get, содержащий двойные фигурные скобки </a> </li> <li> 11. <a href="http://ru.voidcc.com/question/p-qhusacpy-vs.html" target="_blank" title="AngularJS - двойные фигурные скобки, вызывающие Синтаксическая ошибка"> AngularJS - двойные фигурные скобки, вызывающие Синтаксическая ошибка </a> </li> <li> 12. <a href="http://ru.voidcc.com/question/p-hmppkboq-bmb.html" target="_blank" title="Как визуализировать двойные фигурные фигурные скобки в шаблоне директивы?"> Как визуализировать двойные фигурные фигурные скобки в шаблоне директивы? </a> </li> <li> 13. <a href="http://ru.voidcc.com/question/p-wykfwsei-ea.html" target="_blank" title="Что означают двойные фигурные фигурные скобки в выражении PHP MySQL?"> Что означают двойные фигурные фигурные скобки в выражении PHP MySQL? </a> </li> <li> 14. <a href="http://ru.voidcc.com/question/p-kqdbqxia-bnw.html" target="_blank" title="Не удается получить двойные фигурные скобки для отображения"> Не удается получить двойные фигурные скобки для отображения </a> </li> <li> 15. <a href="http://ru.voidcc.com/question/p-qtmgxshf-bob.html" target="_blank" title="Как работают фигурные скобки в R regex?"> Как работают фигурные скобки в R regex? </a> </li> <li> 16. <a href="http://ru.voidcc.com/question/p-wddtlphg-pv.html" target="_blank" title="Получить переменные работают за фигурные скобки"> Получить переменные работают за фигурные скобки </a> </li> <li> 17. <a href="http://ru.voidcc.com/question/p-oqtmimdx-xq.html" target="_blank" title="Как работают фигурные скобки после создания экземпляра?"> Как работают фигурные скобки после создания экземпляра? </a> </li> <li> 18. <a href="http://ru.voidcc.com/question/p-mtlomjml-bkn.html" target="_blank" title="Eclipse не может подключить фигурные фигурные скобки"> Eclipse не может подключить фигурные фигурные скобки </a> </li> <li> 19. <a href="http://ru.voidcc.com/question/p-efniuixp-ee.html" target="_blank" title="php фигурные фигурные скобки группы"> php фигурные фигурные скобки группы </a> </li> <li> 20. <a href="http://ru.voidcc.com/question/p-fahntppd-bqm.html" target="_blank" title="Зачем мне использовать двойные фигурные скобки в моем RegEx?"> Зачем мне использовать двойные фигурные скобки в моем RegEx? </a> </li> <li> 21. <a href="http://ru.voidcc.com/question/p-yuxfiavs-rg.html" target="_blank" title="Соответствующие двойные фигурные скобки в регулярном выражении Emacs?"> Соответствующие двойные фигурные скобки в регулярном выражении Emacs? </a> </li> <li> 22. <a href="http://ru.voidcc.com/question/p-rzxmxzbs-vr.html" target="_blank" title="Двойные фигурные скобки в декларации класса Java (Eclipse)?"> Двойные фигурные скобки в декларации класса Java (Eclipse)? </a> </li> <li> 23. <a href="http://ru.voidcc.com/question/p-whcmwwcq-er.html" target="_blank" title="Regex Javascript. Почему мои фигурные скобки не работают?"> Regex Javascript. Почему мои фигурные скобки не работают? </a> </li> <li> 24. <a href="http://ru.voidcc.com/question/p-xpibwmve-bdp.html" target="_blank" title="Почему фигурные скобки ({}) не работают в SUMIFS в Excel?"> Почему фигурные скобки ({}) не работают в SUMIFS в Excel? </a> </li> <li> 25. <a href="http://ru.voidcc.com/question/p-uyszudgv-qv.html" target="_blank" title="Невозможно печатать двойные фигурные скобки ({{) в сторону браузера"> Невозможно печатать двойные фигурные скобки ({{) в сторону браузера </a> </li> <li> 26. <a href="http://ru.voidcc.com/question/p-wcfjhggh-bqa.html" target="_blank" title="двойные (или тройные) фигурные скобки в небе (например, Blade Templates)"> двойные (или тройные) фигурные скобки в небе (например, Blade Templates) </a> </li> <li> 27. <a href="http://ru.voidcc.com/question/p-ulpciebu-wb.html" target="_blank" title="Использование Regex найти только двойные фигурные скобки слово из текста"> Использование Regex найти только двойные фигурные скобки слово из текста </a> </li> <li> 28. <a href="http://ru.voidcc.com/question/p-prikdrvp-cq.html" target="_blank" title="Двойные скобки [[]] vs Двойные скобки {{}} в Polymer"> Двойные скобки [[]] vs Двойные скобки {{}} в Polymer </a> </li> <li> 29. <a href="http://ru.voidcc.com/question/p-crwprjje-bhh.html" target="_blank" title="Угловой не разобрать фигурные скобки"> Угловой не разобрать фигурные скобки </a> </li> <li> 30. <a href="http://ru.voidcc.com/question/p-bqwawqeo-oz.html" target="_blank" title="Что означают пустые фигурные скобки/фигурные скобки на Java?"> Что означают пустые фигурные скобки/фигурные скобки на Java? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422009"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- VOIDCC问答侧边栏广告 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Последний вопрос </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://ru.voidcc.com/question/p-ypebbpfs-bnx.html" target="_blank" title="Не удалось выполнить анонимный блок - Postgresql"> Не удалось выполнить анонимный блок - Postgresql </a> </li> <li class="side_article_list_item"> 2. <a href="http://ru.voidcc.com/question/p-hzsihkcd-bne.html" target="_blank" title="Прохождение через словарь с кортежами в Python"> Прохождение через словарь с кортежами в Python </a> </li> <li class="side_article_list_item"> 3. <a href="http://ru.voidcc.com/question/p-ozmcopwv-bba.html" target="_blank" title="Быстрое получение данных в реальном времени"> Быстрое получение данных в реальном времени </a> </li> <li class="side_article_list_item"> 4. <a href="http://ru.voidcc.com/question/p-hqixcxrh-bgy.html" target="_blank" title="Всего заказов на приборной панели"> Всего заказов на приборной панели </a> </li> <li class="side_article_list_item"> 5. <a href="http://ru.voidcc.com/question/p-ofncgozc-bgq.html" target="_blank" title="В RIDE, если исполнение резко остановилось журнал сообщений, журнал и отчет не отображаются со следующего запуском, начиная"> В RIDE, если исполнение резко остановилось журнал сообщений, журнал и отчет не отображаются со следующего запуском, начиная </a> </li> <li class="side_article_list_item"> 6. <a href="http://ru.voidcc.com/question/p-dotpcexl-bhr.html" target="_blank" title="Угловая 2 ng-model-options = "{updateOn: 'change blur'}""> Угловая 2 ng-model-options = "{updateOn: 'change blur'}" </a> </li> <li class="side_article_list_item"> 7. <a href="http://ru.voidcc.com/question/p-bpqtzvmj-xn.html" target="_blank" title="Обратный вызов Vungle в PHP"> Обратный вызов Vungle в PHP </a> </li> <li class="side_article_list_item"> 8. <a href="http://ru.voidcc.com/question/p-geuviqhr-yb.html" target="_blank" title="IN запрос в другой запрос IN, как писать по-разному?"> IN запрос в другой запрос IN, как писать по-разному? </a> </li> <li class="side_article_list_item"> 9. <a href="http://ru.voidcc.com/question/p-cgtxzgim-baa.html" target="_blank" title="Заполнять записи в jQuery Datatable при событии click"> Заполнять записи в jQuery Datatable при событии click </a> </li> <li class="side_article_list_item"> 10. <a href="http://ru.voidcc.com/question/p-axoosnwj-zt.html" target="_blank" title="Как округлить отметку времени часов в HANA"> Как округлить отметку времени часов в HANA </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Смежные вопросы</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://ru.voidcc.com/question/p-olneaeqx-ws.html" target="_blank" title="Двойные фигурные скобки в perl"> Двойные фигурные скобки в perl </a> </li> <li class="side_article_list_item"> 2. <a href="http://ru.voidcc.com/question/p-ohhciecw-vh.html" target="_blank" title="ионную: двойные фигурные скобки «{{» не оценили"> ионную: двойные фигурные скобки «{{» не оценили </a> </li> <li class="side_article_list_item"> 3. <a href="http://ru.voidcc.com/question/p-psrxeofs-bov.html" target="_blank" title="двойные фигурные скобки обозначения не компилируются"> двойные фигурные скобки обозначения не компилируются </a> </li> <li class="side_article_list_item"> 4. <a href="http://ru.voidcc.com/question/p-wwcnbvby-sa.html" target="_blank" title="Насколько вредны двойные фигурные скобки в GWT?"> Насколько вредны двойные фигурные скобки в GWT? </a> </li> <li class="side_article_list_item"> 5. <a href="http://ru.voidcc.com/question/p-pmgsjizp-ne.html" target="_blank" title="Функция вызова внутри Угловые двойные фигурные скобки"> Функция вызова внутри Угловые двойные фигурные скобки </a> </li> <li class="side_article_list_item"> 6. <a href="http://ru.voidcc.com/question/p-byorlkhl-dt.html" target="_blank" title="Когда использовать двойные фигурные скобки {{}} в angularJS"> Когда использовать двойные фигурные скобки {{}} в angularJS </a> </li> <li class="side_article_list_item"> 7. <a href="http://ru.voidcc.com/question/p-owdmcslk-wg.html" target="_blank" title="Двойные фигурные скобки в Баш - плохая замена"> Двойные фигурные скобки в Баш - плохая замена </a> </li> <li class="side_article_list_item"> 8. <a href="http://ru.voidcc.com/question/p-osfeskrw-bnp.html" target="_blank" title="Угловые фигурные скобки не работают, базовый код"> Угловые фигурные скобки не работают, базовый код </a> </li> <li class="side_article_list_item"> 9. <a href="http://ru.voidcc.com/question/p-djdhdcsm-bnp.html" target="_blank" title="Anki: Как вы видите двойные фигурные скобки?"> Anki: Как вы видите двойные фигурные скобки? </a> </li> <li class="side_article_list_item"> 10. <a href="http://ru.voidcc.com/question/p-anjraulo-mw.html" target="_blank" title="Элемент Javascript get, содержащий двойные фигурные скобки"> Элемент Javascript get, содержащий двойные фигурные скобки </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://ru.voidcc.com/contact">Свяжитесь с нами</a></li> <li>© 2020 RU.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- / footer --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>