javascript - 使用$ scope注入控制器 - Thinbug

使用$ scope注入控制器

时间：2015-07-18 05:38:39

标签： javascript asp.net angularjs

我试图了解AngularJS的基本知识。我在代码项目中选择了一个示例代码。以下是代码

index.cshtml

<!DOCTYPE html>
<html data-ng-app="MyAngular" data-ng-controller="LandingPageController">
<head>
    <title data-ng-bind="models.helloAngular"></title>
</head>
<body>

    <input type="text" data-ng-model="models.helloAngular" />
    <h1>{{models.helloAngular}}</h1>


    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
    @Scripts.Render("~/bundles/MyAngular")
</body>
</html>

MyAngular.js

var MyAngular = angular.module('MyAngular', []);
MyAngular.controller('LandingPageController', LandingPageController);

LandingPageController.js

var LandingPageController = function($scope)
{
    $scope.models = {
        helloAngular: 'I work!',
    };
}
LandingPageController.$inject = ['$scope'];

以上工作正常。但是，我很难理解下面的一行

LandingPageController.$inject = ['$scope'];

为什么这条线是必要的，没有这条线的含义是什么？

当我删除该行时，我没有看到输出有任何变化。

-Alan -

0 个答案:

没有答案