Question

我已经记下了下面的代码，但是当我使用“data-ng-controller”时，我的代码停止工作，否则它可以工作。请告诉我我的代码出了什么问题。

<!DOCTYPE html>
<html data-ng-app="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AngularJS | Scope</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<script src="angular.min.js"></script>
</head>

<body>

<div data-ng-controller="Firstfunc">

<input data-ng-model="typename" type="text" /> {{ typename }}

<ul>
<li data-ng-repeat="view in Listing">{{view.name}} - {{view.singh}} </li>
</ul>

</div>

<script>
function Firstfunc ($scope){
$scope.Listing = [
{name:'Ajay Singh', age:'45'},
{name:'Rajeev Arora', age:'75'},
{name:'Nitesh Sharma', age:'26'},
{name:'Kalash Singh', age:'55'}
];
}
</script>

Answer 1

在Angular中，你应该创建一个模块并为其添加一个控制器。是控制器是javascript构造函数，但你已经分配了以下格式。希望这有帮助。

DEMO HERE

<body data-ng-app="myApp">
    <div data-ng-controller="myController as ctrl">
        <input data-ng-model="typename" type="text" /> {{ typename }}
        <ul>
            <li data-ng-repeat="view in Listing">{{view.name}} - {{view.singh}} </li>
        </ul>
    </div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
    var app = angular.module("myApp",[]);

    app.controller('myController', function($scope){
        $scope.Listing = [
            {name:'Ajay Singh', age:'45'},
            {name:'Rajeev Arora', age:'75'},
            {name:'Nitesh Sharma', age:'26'},
            {name:'Kalash Singh', age:'55'}
        ];
    })
</script>

Answer 2

我得到了解决方案。

这是因为我使用的是Angular 1.3v，现在我正在使用Angular 1.2.6v并且它正常工作。

感谢大家的回复和支持。

请帮助＆＃34; data-ng-controller＆＃34;不管用

2 个答案: