javascript - AngularJS View 和 Controller 之间的耦合

Question

我有一个 AngularJS 应用程序，在该应用程序中，我首先使用具有使用 ng-controller 指令定义的 Controller 的 View 文件。

myview.html

<div ng-controller="MyController">
   <ul>
     <li class="thumb" ng-repeat="item in items">
         <span profile ng-click="getItem(item.id)"></span>
     </li>      
   </ul> 
</div>

但是，我现在正在使用路由，并且我的 Controller 被定义为我的routeProvider 配置的一部分。

myview.html

<div>
   <ul>
     <li class="thumb" ng-repeat="item in items">
         <span profile ng-click="getItem(item.id)"></span>
     </li>      
   </ul> 
</div>

router.js

.when('/homepage', {
   templateUrl: 'templates/myview.html',
   controller: 'MyController'
})

这是可行的，但是虽然一开始这似乎有助于我将 View 与 Controller 分离，但感觉有些不对劲，因为我的 View 中仍然引用了作用域成员变量，并且这些变量与我的 Controller 相关联。

我在这里遗漏了什么吗？在我的 RouteProvider 中而不是在我的模板中指定 MyController 给我带来了什么好处？

Answer 1

出于所有实际目的，除了遵守 AngularJS 中定义路由、 View 和 Controller 的标准方法之外，我认为您没有获得任何东西。

如果我们考虑编程原理和 MVC，那么您的 View 现在对 Controller 一无所知，它仅依赖于模型( Angular 为 $scope)，这在 MVC 架构中是很好且完全正常的。