Javascript “我怎么能做到？”；世界你好'；应用程序_Javascript_Angularjs

Javascript “我怎么能做到？”；世界你好'；应用程序

javascript angularjs

Javascript “我怎么能做到？”；世界你好'；应用程序,javascript,angularjs,Javascript,Angularjs,真正基本的问题：一个“hello world”应用程序开始练习角度，直到我尝试添加控制器，此时表达式在页面上不起作用 <!doctype html> <html ng-app='app'> <head> <link rel='stylesheet' href='css/styles.css'> <link rel='stylesheet' href='css/bootstrap.min.css'> <sc

真正基本的问题：一个“hello world”应用程序开始练习角度，直到我尝试添加控制器，此时表达式在页面上不起作用

<!doctype html>
<html ng-app='app'>

<head>
    <link rel='stylesheet' href='css/styles.css'>
    <link rel='stylesheet' href='css/bootstrap.min.css'>
    <script src='js/app.js'></script>
    <script src='js/angular.min.js'></script>
</head>

<body>
    <div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'>
        <input type='text' ng-model='name' placeholder='Enter your name'>
        <h1>Hello {{name}}</h1>
    </div>

</body>

</html>

页面最终显示{{name}}，但是如果我取出控制器和'app'模块，它就可以正常工作。非常感谢您的帮助。

您应该更改包含js文件的顺序

<script src='js/angular.min.js'></script>
<script src='js/app.js'></script>

此处的工作代码

<!doctype html>
<html ng-app='app'>

<head>
    <script src="http://www.ptutorial.com/angularjs/
angular.min.js"></script>
    <link rel="stylesheet" href="http://freeonlinecompiler.ptutorial.com/
css/bootstrap.min.css">
</head>

<body>
    <div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'>
        <input type='text' ng-model='name' placeholder='Enter your name'>
        <h1>Hello {{name}}</h1>
    </div>
    <script>
        angular.module('app', []).controller('FormController', function ($scope) {
            $scope.name = 'Test';
        });
    </script>
</body>

</html>


你好{{name}
角度.module（'app'，[]）.controller（'FormController'，function（$scope）{
$scope.name='Test'；
});

非常感谢，这就成功了。谢谢你回答这么简单的问题@MoSheikh如果宋承宪的回答是“成功的”，你应该接受

<!doctype html>
<html ng-app='app'>

<head>
    <script src="http://www.ptutorial.com/angularjs/
angular.min.js"></script>
    <link rel="stylesheet" href="http://freeonlinecompiler.ptutorial.com/
css/bootstrap.min.css">
</head>

<body>
    <div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'>
        <input type='text' ng-model='name' placeholder='Enter your name'>
        <h1>Hello {{name}}</h1>
    </div>
    <script>
        angular.module('app', []).controller('FormController', function ($scope) {
            $scope.name = 'Test';
        });
    </script>
</body>

</html>