Question

下面的代码没有按预期提供输出i：e Hello，World 输出：{{greetings.text}}，世界

任何人都可以帮助我，为什么它不显示你好，世界＆＃39;而不是我错了

<!doctype html>
    <html ng-app>
    <head>
    <meta charset="utf-8">
    <title>Angular JS App 1</title>
    <script type="text/javascript" src="angular-v1.4.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
    </head>

    <body>
        <div ng-controller='HelloController'> //controller
            <p>{{ greetings.text }}, World</p>
        </div>
    </body>
    </html>

控制器脚本

function HelloController($scope){
    $scope.greetings = {text : 'hello'};
}

Answer 1

1.3.x

不允许使用全局控制器

试试这个

var app = angular.module("app", []);
app.controller("HelloController", function($scope) {
    $scope.greetings = {
        text: 'hellow world'
    }
});

HTML

添加模块名称

<html ng-app="app">

Answer 2

在ng-app中添加模块名称.. 喜欢

<div ng-app='app'>
</div>

像这样

<script>
  angular.module('app', [])
    .controller('testCtrl', ['$scope', function($scope){
      $scope.test ="hello world";
    }])
</script>

plunker code here

Answer 3

您需要提供ng-app指令的值。

喜欢

<html ng-app="myapp">

你应该在脚本中定义角度模块myapp。

控制器不在angularjs中工作

3 个答案: