2015-06-06 7 views
5

Я новичок в угловых JSФункция контроллера в угловых?

контроллер правильно не работает в моем коде

я пытаюсь запустить следующий код

<!DOCTYPE html> 
<html data-ng-app > 
<head> 
    <title>Using AngularJS Directives and Data binding</title> 
</head> 
<body> 

    name 
    <br /> 

    <div data-ng-controller="SimpleController"> 
    <input type="text" data-ng-model="name"/>{{name}} 

    <ul> 
    <li data-ng-repeat="cust in customers | filter:name | orderBy:city"> {{cust.name | uppercase}}-{{cust.city | lowercase}} </li> 
    </ul> 
    </div> 

    <script src= "angular/angular.min.js"></script> 

    <script> 

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

     demoApp.controller('SimpleController', function($scope){ 
     $scope.customers=[ 
     {name:'John Smith', city:'kashipur'}, 
     {name:'John fds' , city:'san francisko'}, 
     { name:'shubham', city:'giarhineg'}, 
     {name:'batra', city:'world'}]; 
     }); 
    </script> 
</body> 
</html> 
</html> 

но не давая выхода желание.

скажите, пожалуйста, если я делаю что-то неправильно.

ответ

4

Вам не хватает, чтобы добавить значение в свою директиву ng-app, указывающую угловым для запуска модуль demoApp на странице.

ng-app="demoApp" 
+1

благодаря получил его .. –

+0

@Shubhambatra Рад помочь you..Thanks :) –

1

Необходимо добавить название своего приложения.

ng-app="demoApp" 

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

 
    demoApp.controller('SimpleController', function($scope) { 
 
    $scope.customers = [{ 
 
     name: 'John Smith', 
 
     city: 'kashipur' 
 
    }, { 
 
     name: 'John fds', 
 
     city: 'san francisko' 
 
    }, { 
 
     name: 'shubham', 
 
     city: 'giarhineg' 
 
    }, { 
 
     name: 'batra', 
 
     city: 'world' 
 
    }]; 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="demoApp"> 
 
    name 
 
    <br /> 
 

 
    <div data-ng-controller="SimpleController"> 
 
    <input type="text" data-ng-model="name" />{{name}} 
 

 
    <ul> 
 
     <li data-ng-repeat="cust in customers | filter:name | orderBy:city">{{cust.name | uppercase}}-{{cust.city | lowercase}}</li> 
 
    </ul> 
 
    </div> 
 
</div>

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