Angular控制器直接在index.html中

Question

我需要创建一个单页应用程序，而不需要任何其他文件，如app.js或controller.js

我创建了下面的示例，但是我收到错误： Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> JavaScript Angular</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"> var myАpp = angular.module("myАpp", []); myАpp.controller("firstController", function($scope){ $scope.test = "test-to-test"; }); </script> </head> <body ng-app = "myApp"> <div ng-controller = "firstController"> {{test}} </div> </body> </html>

那么，是否有可能只有一个带有Angular的文件index.html并且仍然有一个控制器？

Answer 1

您需要在<script>标记内包含控制器和模块

 <div ng-app="myАpp"> <div ng-controller="firstController"> <h1>{{test}}</h1> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script> <script> var app = angular.module('myАpp', []).controller('firstController', function($scope){ $scope.test = "test-to-test"; }); </script>

Angular控制器直接在index.html中

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-11-20 14:55:27

Angular控制器直接在index.html中

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-11-20 14:55:27

解决方案1
3 已采纳 2016-11-20 14:55:27