Question

这整个应用程序应该包含一个h1元素，该元素表示＆＃39; Adrian＆＃39;还有一段说“他住在奥兰多＆＃39;。我无法弄清楚我的代码有什么问题。顺便说一下，我已经知道这对于Angular来说不是最好的设计模式，但我只是想快点让我的脚弄湿框架。

<!doctype html>
    <html lang="en" ng-app>
        <head>
            <meta charset="utf-8">
            <title>Angular Demo</title>
            <script src="angular.min.js"></script>
        </head>
        <body>
            <div ng-controller="MyController">
                <h1>{{person.firstName}}</h1>
                <p>He lives in {{person.city}}</p>
            </div>

            <script>
                function MyController($scope) {
                    $scope.person = {
                        'firstName': 'Adrian',
                        'city': 'Orlando'
                    }
                }
            </script>
        </body>

</html>

Answer 1

您没有让Angular知道您的MyController功能：

<!doctype html>
    <!-- tell Angular what module to use -->
    <html lang="en" ng-app="app">
        <head>
            <meta charset="utf-8">
            <title>Angular Demo</title>
            <script src="angular.min.js"></script>
        </head>
        <body>
            <div ng-controller="MyController">
                <h1>{{person.firstName}}</h1>
                <p>He lives in {{person.city}}</p>
            </div>

            <script>
                angular
                    // Define our module
                    .module('app', [])
                    // Define our controller
                    .controller('MyController', function MyController($scope) {
                        $scope.person = {
                            'firstName': 'Adrian',
                            'city': 'Orlando'
                        }
                    });
            </script>
        </body>
</html>

Answer 2

养成为应用分配应用名称和控制器的习惯，在这里：

http://plnkr.co/edit/gfWh6fqWeni8s8M0iG1B?p=preview

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
                   $scope.person = {
                        'firstName': 'Adrian',
                        'city': 'Orlando'
                    }
});
</script>

我甚至不想成为一个光顾的屁股，但检查教程here.这将花费你几个小时。然后转到Jenkov's“完成”教程。

Answer 3

您的代码运行正常。我相信您的角度源文件是尝试将其切换到CDN src或仔细检查您的路径

的问题

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>

http://jsfiddle.net/sfwtfp35/2/

为什么我无法使用这个非常简单的AngularJS代码？

3 个答案: