Контроллер AngularJS .. Почему код не работает?

-2

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
</head> 
<body> 
<div data-ng-app="myApp" data-ng-controller="SimpleController"> 
    <h3>Adding a Simple Controller</h3> 
    <input type="text" data-ng-model="demons"/> {{demons}} 
    <ul> 
     <li data-ng-repeat="foo in ManiacArray | orderBy: 'name'">{{foo.name | uppercase }} => {{foo.state | lowercase }}</li>  
    </ul> 

</div> 

<script type="text/javascript"> 
    var app = angular.module(myApp, []); 
    app.controller('SimpleController' function($scope){ 
     $scope.ManiacArray = [ 
     {name: 'Akshay Raina', state: 'Jammu Kashmir'}, 
     {name: 'Vikram Kaintura', state: 'Uttarakhand'}, 
     {name: 'Ronak Furia', state: 'Gujarat'}, 
     {name: 'Bhagyashree Shetty', state: 'Manglore'}, 
     {name: 'Bhavna Kamble', state: 'Maharashtra'}, 
     {name: 'Navin Tiwari', state: 'Uttar Pradesh'}, 
     {name: 'Nikung Mishra', state: 'Bihar'}, 
     {name: 'Ashish Natani', state: 'Rajasthan'}, 
     {name: 'Malaya Dalai', state: 'Orrisa'}, 
     {name: 'Pearl D\'mello', state: 'Goa'}, 
     ]; 
    }); 
</script> 

</body> 
</html>

Я не знаю, почему это не работает .. я попытался фиксируя .. но я не смог .. я на изучении стадии поэтому не мог понять, что происходит не так с этим ..Контроллер AngularJS .. Почему код не работает?

источник

2016-05-27 Godric Gryffindor

нагрузки JQuery перед angular.min.js – aseferov

Просто откройте консоль и проверьте ошибку .. – dfsq

var app = angular.module(myApp, []); Заменить с

var app = angular.module("myApp", []);
Заменить app.controller('SimpleController' function($scope){ с app.controller('SimpleController', function($scope){

Новый код,

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script> 
</head> 
<body> 
<div data-ng-app="myApp" data-ng-controller="SimpleController"> 
    <h3>Adding a Simple Controller</h3> 
    <input type="text" data-ng-model="demons"/> {{demons}} 
    <ul> 
     <li data-ng-repeat="foo in ManiacArray | orderBy: 'name'">{{foo.name | uppercase }} => {{foo.state | lowercase }}</li>  
    </ul> 

</div> 

<script type="text/javascript"> 
    var app = angular.module("myApp", []); 
    app.controller('SimpleController', function($scope){ 
     $scope.ManiacArray = [ 
     {name: 'Akshay Raina', state: 'Jammu Kashmir'}, 
     {name: 'Vikram Kaintura', state: 'Uttarakhand'}, 
     {name: 'Ronak Furia', state: 'Gujarat'}, 
     {name: 'Bhagyashree Shetty', state: 'Manglore'}, 
     {name: 'Bhavna Kamble', state: 'Maharashtra'}, 
     {name: 'Navin Tiwari', state: 'Uttar Pradesh'}, 
     {name: 'Nikung Mishra', state: 'Bihar'}, 
     {name: 'Ashish Natani', state: 'Rajasthan'}, 
     {name: 'Malaya Dalai', state: 'Orrisa'}, 
     {name: 'Pearl D\'mello', state: 'Goa'}, 
     ]; 
    }); 
</script> 

</body> 
</html>

источник

2016-05-27 11:00:01

Две вещи неправильны:

var app = angular.module(myApp, []); Эта линия должна быть var app = angular.module("myApp", []); Вам необходимо инициализировать модуль со строкой.
В вас контроллер вы пропустите запятую: app.controller('SimpleController', function($scope){

источник

2016-05-27 11:00:33 NewJavaPythonDev

@Godric Гриффиндор почему ты downvote это. верно – NewJavaPythonDev

Контроллер AngularJS .. Почему код не работает?

ответ

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