javascript - 我如何初始化 Angular "Hello World' 应用程序

标签 javascript angularjs

真正的基本问题:开始练习 Angular 的“hello world”应用一直有效,直到我尝试添加 Controller ,此时表达式在页面上不起作用。

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

JS:

angular.module('app', []).controller('FormController', function($scope){
    $scope.name = 'Test';
});

该页面最终只显示 {{name}} 但如果我取出 Controller 和“应用程序”模块,它就可以正常工作。帮助会很好,谢谢。

最佳答案

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

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

关于javascript - 我如何初始化 Angular "Hello World' 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37770583/

相关文章:

javascript - 如何以 Angular 异步初始化应用程序

javascript - Laravel Inertia 不返回验证错误

javascript - 如何更新表单中表示的 JSON 对象

css - 升级 Angular Material 打破了 md-input 换行符

javascript - 根据下拉列表中的选择更改 json 的 Angular 函数

angularjs - Angular 新路由器 - 嵌套组件和路由

javascript - 如何在面积图中组合 2 个系列 - Highchart

JavaScript 或 jQuery 动态显示表单输入

javascript - 如何使用 Firebug 或任何其他扩展找到哪些 Javascript 代码触发表单提交?

javascript - 如果没有 JavaScript 框架,我们如何防止代码重复?