本文介绍了未注册名称为"mainController"的控制器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的script.js文件中有此代码
i have this code in my script.js file
var mainController = function($scope){
$scope.message = "Plunker";
};
这是我的HTML
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="[email protected]" data-semver="1.6.1" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="mainController">
<h1>Hello {{ message }}</h1>
</body>
</html>
我在开头的html标签中声明了ng-app
i declared ng-app in the opening html tag
但是我在控制台上收到此错误,提示mainController未注册
but i get this error on my console that mainController is not registered
推荐答案
释义 http://www.w3schools.com/angular/angular_modules.asp
<div ng-app="myApp" ng-controller="mainController">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("mainController", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
重要的一行是
app.controller("mainController", function($scope)
这会将您的控制器注入您的应用程序
which injects your controller into your app
这篇关于未注册名称为"mainController"的控制器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!