2014-11-22 3 views
0

Я получаю [ng:areq] Ошибка, может быть глупо, но я не видел ее.
Ошибка AngularJs: [ng: areq]

Выполнено Некоторое исследование не нашлось ничего полезного.

код Demo:

<!DOCTYPE html> 
<html ng-app> 
<head lang="en"> 
    <meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" /> 
    <title>Angular Third Example</title> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script> 
    <script> 
     function NameCtrl($scope) { 
      $scope.firstName = 'John'; 
      $scope.lastName = 'Doe'; 
     } 
    </script> 
</head> 
<body ng-controller="NameCtrl"> 
    First Name: <input ng-model="firstName" type="text" /> 
    <br /> 

    Last Name: <input ng-model="lastName" type="text" /> 
    <br /> 

    Hello {{firstName}} {{lastName}} 
</body> 
</html> 

ответ

1

Пожалуйста, не используйте этот вид декларации. Пожалуйста, используйте объявление на основе модуля.

ng-app не распознает имя, которое необходимо.

var app = angular.module('app', []); 
    app.controller('NameCtrl', ['$scope', function($scope) { 
     $scope.firstName = 'John'; 
     $scope.lastName = 'Doe'; 
    }]); 

Demo: http://plnkr.co/edit/LOHXR6DrH2o7YtfnCX8G?p=preview

+0

Это работает отлично! ... Спасибо :) –

+0

@ZiyadMestour Вы должны принять ответ. – cs1193

+0

уже принял это. –

1

С угловой 1.3.x вы не можете инициализировать контроллер в качестве оконной функции. Вместо этого вам необходимо явно определить ваше приложение и контроллер:

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head lang="en"> 
    <meta http-equiv="Content-Type" content="text/javascript; charset=utf-8" /> 
    <title>Angular Third Example</title> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.min.js"></script> 
    <script> 
     angular.module('myApp', []). 
     controller('NameCtrl', function($scope) { 
      $scope.firstName = 'John'; 
      $scope.lastName = 'Doe'; 
     }); 
    </script> 
</head> 
<body ng-controller="NameCtrl"> 
    First Name: <input ng-model="firstName" type="text" /> 
    <br /> 

    Last Name: <input ng-model="lastName" type="text" /> 
    <br /> 

    Hello {{firstName}} {{lastName}} 
</body> 
</html> 
+0

Хорошо, не знал об этом. Спасибо! –