角度ng控制器不工作

Angular ng-controller not working

本文关键字：工作 控制器 ng 角度      更新时间：2023-09-26

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

<!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>>作为输出。请让我知道我哪里出错了。

你还没有定义你的角度模块。

例如

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

然后在您的 HTML 中：

<html ng-app="app">

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

试试这个：

<!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>

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

angluar.module(APP_NAME).controller("testController", testController);
相关文章：