AngularJS控制器不使用简单初始化代码

AngularJS控制器不使用简单初始化代码,angularjs,Angularjs,刚接触AngularJS,不知道这里发生了什么,当我运行这个时,没有任何东西被填充进来 使用版本-1.6 请看一看,这可能是一个非常愚蠢的问题,但无法通过;) 在此处插入标题 姓名:

刚接触AngularJS,不知道这里发生了什么,当我运行这个时,没有任何东西被填充进来

使用版本-1.6 请看一看,这可能是一个非常愚蠢的问题,但无法通过;)


在此处插入标题
姓名:


函数simpleController($scope){ $scope.customers=[ {姓名:'anil',城市:'bengaluru'}, {姓名:'rahul',城市:'pune'}, {姓名:'abc',城市:'hyd'}, {名称:'xyz',城市:'mysore'} ];
}
角度创建控制器
然后使用它

代码是:

<!DOCTYPE html>
<html data-ng-app="app">

<head>
    <meta charset="ISO-8859-1">
    <title>Insert title here</title>
</head>

<body>
    <div data-ng-controller="simpleController">
        Name:
        <br/>
        <input type="text" data-ng-model="fname" />
        <br/>
        <ul>
            <li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">{{ cust.name | uppercase }} - {{ cust.city | lowercase}}</li>
        </ul>
    </div>
    <script src="js/angular.min.js"></script>
    <script>
    angular.module("app").controller('simpleController', simpleController);

    function simpleController($scope) {

        $scope.customers = [{
            name: 'anil',
            city: 'bengaluru'
        }, {
            name: 'rahul',
            city: 'pune'
        }, {
            name: 'abc',
            city: 'hyd'
        }, {
            name: 'xyz',
            city: 'mysore'
        }];
    }
    </script>
</body>
</html>

在此处插入标题
姓名:


角度模块(“应用”)控制器(“simpleController”,simpleController); 函数simpleController($scope){ $scope.customers=[{ 姓名:“anil”, 城市:“班加罗鲁” }, { 名称:“rahul”, 城市:“浦那” }, { 姓名:“abc”, 城市:路政署 }, { 名称:“xyz”, 城市:“迈索尔” }]; }
在使用控制器之前,必须先创建控制器。 通过以下方式创建控制器:

angular.Module("ModuleName",[]).Controller("ControllerName",function($scope){
});
根据您的代码:


在此处插入标题
角度.module(“app”,[]).controller('simpleController',
函数simpleController($scope){
$scope.customers=[{
姓名:“anil”,
城市:“班加罗鲁”
}, {
名称:“rahul”,
城市:“浦那”
}, {
姓名:“abc”,
城市:路政署
}, {
名称:“xyz”,
城市:“迈索尔”
}];
});
姓名:



首先,您需要定义一个模块来启动项目。有关更简单的示例,请尝试

要使你的应用程序正常工作,你需要在视图中加上
ng app
,如果你有。然后,您需要创建一个
模块
,以防它丢失。然后根据需要添加
服务
控制器

角度模块(“应用程序”,[]) .控制器(“ctrl”,simpleController); 函数simpleController($scope){ $scope.customers=[ {姓名:'anil',城市:'bengaluru'}, {姓名:'rahul',城市:'pune'}, {姓名:'abc',城市:'hyd'}, {名称:'xyz',城市:'mysore'} ]; }

姓名:



请您对创建angular应用程序模块和控制器进行更多研究。