Hello World in angularJS не работает

-1

Я уже потратил более 30 минут, чтобы написать этот просто мир привет, но он по-прежнему не работает. вот мой HTML:Hello World in angularJS не работает

<html lang="en-us" np-app="weatherApp"> 
<head> 
    <title>AngularJs weather forecast SPA</title> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <style> 
     html, body, input, select, textarea{ 
      font-size:1.05em !important; 
     } 
    </style> 
    <script src="https://code.angularjs.org/1.3.0-rc.1/angular.min.js"></script> 
    <script src="https://code.angularjs.org/1.3.0-rc.1/angular-route.min.js"></script> 
    <script src="https://code.angularjs.org/1.3.0-rc.1/angular-resource.min.js"></script> 
    <script src="app.js"></script> 
</head> 
<body> 
    <header> 
     <nav class="navbar navbar-default"> 
      <div class="container"> 
       <div class="navbar-header"> 
        <a class="navbar-brand" href="/">AngularJS Weather</a> 
       </div> 
       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="#"><i class="fa fa-home"></i>Home</a></li> 
       </ul> 
      </div> 
     </nav> 
    </header> 
    <div class="container" ng-controller="LogController"> 
     {{ firstMessage }} 
    </div> 

</body> 
</html>

и вот мой JS файл:

var weatherApp = angular.module('weatherApp', []); 
weatherApp.controller('LogController', function($scope){ 
    $scope.firstMessage = "Hello fucking world" ; 
});

нет никакой ошибки в консоли. Что я делаю не так?

JSFIDDLE HERE

источник

2015-09-03 gsiradze

Хотя я согласен с тесными голосов на "простой опечаткой" , downvotes кажутся ненужными, это ea достаточно, чтобы опечатать и не видеть, и бороться с совершенно новым языком и не понимать, что искать. – Kritner

Голоса показывают воспринимаемую ценность для сообщества, а не личное суждение. Кроме того, если вопрос закрыт, они аннулируются. – isherwood

Подробнее о том, что: http://meta.stackoverflow.com/questions/284566/downvote-vs-vote-to-close-question – isherwood

Это должно быть ng-app не np-app

<div class="container" ng-app="weatherApp" ng-controller="LogController"> 
    {{ firstMessage }} 
</div>

Затем выберите No wrap in head вариант Frameworks & Extensions второго выпадающего списка

Demo Fiddle

источник

2015-09-03 17:31:11

@George, вы могли бы принять этот ответ сейчас .. :) –

Hello World in angularJS не работает

ответ

Смежные вопросы