нг-контроллер не работает в элементе тела - PullRequest
Новая
       3

нг-контроллер не работает в элементе тела

0 голосов
/ 15 мая 2018

Привет, я начал изучать Angular.js, и это мое первое занятие. Все начинается нормально, но когда я добавляю ng-controller к элементу body, это не работает. Я застрял здесь. Можете ли вы сказать мне, в чем здесь проблема? 

<html ng-app="helloWorldApp">

<head>
    <title>Angular Fundamentals</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
        crossorigin="anonymous">
</head>

<body ng-controller="firstController">
    <div class="container">
        <h1>AngularFundamentals</h1>
      <h2> {{'Hello World from Angular'}}</h2>
    </div>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
  <script>
  var helloWorldApp = angular.module('helloWorldApp',[]);
    helloWorldApp.controller('firstController',[ '$scope', function(scope){
      $scope.appName =" An App Name";

    }]);
  </script>
  </body>
</html>

1 Ответ

0 голосов
/ 15 мая 2018

Вам нужно 

 <h2>{{appName}}</h2>

DEMO 

  var helloWorldApp = angular.module('helloWorldApp',[]);
 helloWorldApp.controller('firstController',['$scope', function($scope){
      $scope.appName =" An App Name";

 }]);
 
<html ng-app="helloWorldApp">
<head>
<body ng-controller="firstController">
    <div class="container">
        <h1>AngularFundamentals</h1>
      <h2> {{appName}}</h2>
    </div>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...