Question

我是角色新手，无法在下面的代码中找到错误。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Tutorial 2</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
    <script type="text/javascript">
        function testController($scope){
            $scope.data = {message: "test123"};
        }
    </script>
</head>
<body>
<div ng-app="">
    <div ng-controller="testController">
        <!--<input type="text" ng-model="test.sfdc"/>-->
        <h1>{{data.message}}</h1>
    </div>
</div>
</body>
</html>

以上代码打印<<data.message>>作为输出。请告诉我哪里出错了。

Answer 1

您还没有定义角度模块。

例如

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

然后在你的HTML中：

<html ng-app="app">

Answer 2

您需要使用angular注册控制器。

angluar.module(APP_NAME).controller("testController", testController);

Answer 3

您需要在角度应用程序中注册控制器。

试试这个：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Tutorial 2</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
    <script type="text/javascript">        
        var DummyCtrl = function ($scope){
            $scope.data = {message: "test123"};
        }
        angular.module('app', [])
        .controller('DummyCtrl', DummyCtrl);
    </script>
</head>
<body>
<div ng-app="app">
    <div ng-controller="DummyCtrl">
        <!--<input type="text" ng-model="test.sfdc"/>-->
        <h1>{{data.message}}</h1>
    </div>
</div>
</body>
</html>

角度控制器不起作用

3 个答案: