AngularJS中的控制器功能？

Question

I am new to angular js 我是angular js的新手

Controller is not working correctly in my code 控制器在我的代码中无法正常工作

i am trying to run following code 我正在尝试运行以下代码

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

but its not giving desire output . 但它没有提供欲望输出。

please tell me if i am doing something wrong . 请告诉我我做错了什么。

Answer 1

您缺少在ng-app指令中增加值的信息，该指令告诉angular在页面上运行demoApp模块。

ng-app="demoApp"

Answer 2

You should add the name of your app. 您应该添加您的应用程序的名称。

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>

AngularJS中的控制器功能？

问题描述

2 个解决方案

解决方案1
4 已采纳 2015-06-06 21:14:39

解决方案2
1 2015-06-06 21:15:52

AngularJS中的控制器功能？

问题描述

2 个解决方案

解决方案1 4 已采纳 2015-06-06 21:14:39

解决方案2 1 2015-06-06 21:15:52

解决方案1
4 已采纳 2015-06-06 21:14:39

解决方案2
1 2015-06-06 21:15:52