angularJS-数据不显示在无序列表中_Angularjs

angularJS-数据不显示在无序列表中

angularjs

angularJS-数据不显示在无序列表中,angularjs,Angularjs,我正在学习angularJS，有一些简单的例子，有两个视图和控制器。我的主页面定义控制器和路由，并显示视图。查看页面应显示文本字段，无序列表，向无序列表添加新数据。此外，它应该根据文本字段中键入的内容过滤。但是，除了过滤之外，它可以做任何事情代码如下：主页： <body> <div> <div data-ng-view=""></div> </div> <script src="Scripts/angular.

我正在学习angularJS，有一些简单的例子，有两个视图和控制器。我的主页面定义控制器和路由，并显示视图。查看页面应显示文本字段，无序列表，向无序列表添加新数据。此外，它应该根据文本字段中键入的内容过滤

。但是，除了过滤之外，它可以做任何事情

代码如下：主页：

<body>
<div>
 <div data-ng-view=""></div>   
</div>
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/angular-route.min.js"></script>

<script type="text/javascript">

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

    demoApp.controller('SimpleController', function ($scope) {
        $scope.customers =
        [
            { name: 'Dave Jones', city: 'Phoenix' },
            { name: 'Jamie Riley', city: 'Atlanta' },
            { name: 'Heedy Wahlin', city: 'Chandler' },
            { name: 'Thomas Winter', city: 'Seattle' }
        ];


        $scope.addCustomer = function () {
            $scope.customers.push({ name: $scope.newCustomer.name, city: $scope.newCustomer.city });
        };
    });

        demoApp.config(function($routeProvider) {
        $routeProvider
                .when('/view1', {
                    controller: 'SimpleController',
                    templateUrl: 'Views/View1.htm'
                })
                .when('/view2', {
                    controller: 'SimpleController',
                    templateUrl: 'Views/View2.htm'
                })
                .otherwise({
                    redirectTo: '/view1'
                });
    });

</script>

</body>


var demoApp=angular.module（'demoApp'，['ngRoute']）；
demoApp.controller（'SimpleControl'，函数（$scope）{
$scope.customers=
[
{名字：'Dave Jones'，城市：'Phoenix'}，
{姓名：'Jamie Riley'，城市：'Atlanta'}，
{姓名：'Heedy Wahlin'，城市：'Chandler'}，
{名称：'Thomas Winter'，城市：'Seattle'}
];
$scope.addCustomer=函数（）{
$scope.customers.push（{name:$scope.newCustomer.name，city:$scope.newCustomer.city}）；
};
});
demoApp.config（函数（$routeProvider）{
$routeProvider
.when（“/view1”{
控制器：“SimpleController”，
templateUrl:'Views/View1.htm'
})
.when（“/view2”{
控制器：“SimpleController”，
templateUrl:'Views/View2.htm'
})
.否则({
重定向到：'/view1'
});
});

这是应显示的视图之一：

<div class="container">
    <h2>View 1</h2>
    Name:
    <br />
    <input type="text" data-ng-model="filter.name" />
    <br />
    <ul>
        <li data-ng-repeat="cust in customers | filter:name | orderBy:'name'">
            {{cust.name | uppercase}} - {{cust.city | lowercase}}
        </li>
    </ul>

    <br />
    Customer Name:<br />
    <input type="text" data-ng-model="newCustomer.name" />
    <br />
    Customer City:<br />
    <input type="text" data-ng-model="newCustomer.city" />
    <br />
    <button data-ng-click="addCustomer()">Add Customer</button>
    <br />
    <a href="#/view2">View2</a>
</div>


视图1
姓名：






{{cust.name |大写}}-{{cust.city |小写}




客户名称：



客户城市：



添加客户

你知道我遗漏了什么吗

谢谢你的改变

到