2015-06-06 13 views
5

मैं कोणीय जे एसकोणीय में नियंत्रक समारोह?

नियंत्रक को नया हूँ मेरी कोड

में सही ढंग से काम नहीं कर रहा है मैं कोड

<!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>

संबंधित मुद्दे