未注册名称为"mainController"的控制器 [英] The controller with the name 'mainController' is not registered

查看:74
本文介绍了未注册名称为"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="angular.js@1.6.1" 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"的控制器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆