ng-controller如何定位正确的控制器文件？

Question

我是AngularJS的新手。我有一个具有多个项目的Visual Studio解决方案，我想将使用控制器的视图从一个项目移动到同一解决方案中的新项目，但我不确定是否必须移动我的控制器。目前，控制器和视图位于同一个项目中。视图使用ng-controller指令将控制器附加到DOM。

我不确定ng-controller是如何找到控制器的。在我见过的每个例子中，以及在我使用的整个应用程序中，ng-controller总是等于没有路径的控制器名称，例如，ng- controller ="MyController“。那么，它如何知道控制器的位置呢？

例如，这是我的cshtml视图中的一个匿名代码片段：

@model MyProject.ViewModel.Panel.MyViewModel
<div id="Panel"
    ng-controller="MyController" 
    ng-init="MyController.initValues(@Model.Id,
    ...,
    ...)">
</div>

ng-controller如何找到MyController，如果我将它的视图移到与它们当前共享的项目不同的项目中，它还能找到MyController吗？

Answer 1

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

<script>

var app = angular.module('myApp', []);

// **** AngularJs will find it or look for it from where ever              ****
// **** you define in the app.controller('xxxx') variable                  ****
// **** which is alias to a Namespace 'myApp'                              **** 

app.controller('myCtrl', function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});

</script>