绑定数据在angularjs中不起作用

Question

I am a new with AngularJS, and I am trying to bind data to the form controller, but it is not working. 我是AngularJS的新手，并且尝试将数据绑定到表单控制器，但无法正常工作。

HTML 的HTML

<div ng-app="myapp"  data-ng-controller="simpleContr">
    <ul>
        <li data-ng-repeat="user in users">
            {{ user.name }}
        </li>
    </ul>
</div>

AngularJS AngularJS

angular.module('myapp', []).controller('simpleContr', function($scope) {
    $scope.users = [
        { name:'Ashraf', city:'Cairo'},
        { name:'Ali', city:'Assuit'},
        { name:'Mohammed', city:'Qena'}
    ];
});

Answer 1

The following works below, because the javascript is inserted into the head of the output document. 由于javascript插入了输出文档的开头，因此下面的工作在下面。

How to structure the `<head>` 如何构造`<head>`

<head>
    <script type="text/javascript" src="angular.js"></script>

    <script type="text/javascript">
        // Your controller code...
    </script>
</head>

Working snippet 工作片段

 angular.module('myapp', []).controller('simpleContr', function ($scope) { $scope.users = [{ name: 'Ashraf', city: 'Cairo' }, { name: 'Ali', city: 'Assuit' }, { name: 'Mohammed', city: 'Qena' }]; });

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myapp" data-ng-controller="simpleContr"> <ul> <li data-ng-repeat="user in users">{{ user.name }}</li> </ul> </div>

绑定数据在angularjs中不起作用

问题描述

HTML 的HTML

AngularJS AngularJS

1 个解决方案

解决方案1
0 2014-10-20 23:27:58

How to structure the `<head>` 如何构造`<head>`

Working snippet 工作片段

绑定数据在angularjs中不起作用

问题描述

HTML 的HTML

AngularJS AngularJS

1 个解决方案

解决方案1 0 2014-10-20 23:27:58

How to structure the <head> 如何构造<head>

Working snippet 工作片段

解决方案1
0 2014-10-20 23:27:58

How to structure the `<head>` 如何构造`<head>`