chức năng điều khiển trong angularjs?

Tôi mới vào js gócchức năng điều khiển trong angularjs?

điều khiển không hoạt động chính xác trong mã của tôi

tôi đang cố gắng để chạy đoạn mã sau

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

nhưng đầu ra mong muốn không cho mình.

hãy cho tôi biết nếu tôi đang làm điều gì sai.

Nguồn

2015-06-06 Anonymous

Bạn đang thiếu thêm giá trị trong chỉ thị ng-app cho biết góc để chạy mô-đun demoApp trên trang.

ng-app="demoApp"

Nguồn

2015-06-06 21:14:39

nhờ có nó .. –

@Shubhambatra Vui mừng khi giúp you..Thanks :) –

Bạn nên thêm tên ứng dụng của mình.

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>

Nguồn

2015-06-06 21:15:52 Bazinga

chức năng điều khiển trong angularjs?

Trả lời

Các vấn đề liên quan