Javascript 用AngularJS加载分部

我想在需要时加载我的分区？例如，我有一个包含6个缩略图的分部，当单击其中一个时，它将加载我的分部，请让我知道？

您需要使用路由来完成此操作。这里有一个简单的设置，但基本设置如下：

HTML-这将有几个

锚定标记，每个标记包含各自的路由，如下所示：

  <ul class="phones">
    <li ng-repeat="phone in phones | filter:query | orderBy:orderProp" class="thumbnail">
      <a href="#/phones/{{phone.id}}" class="thumb"><img ng-src="{{phone.imageUrl}}"></a>
      <a href="#/phones/{{phone.id}}">{{phone.name}}</a>
      <p>{{phone.snippet}}</p>
    </li>
  </ul>

然后在配置中设置

routeProvider

：

phonecatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/phones'
      });
  }]);

这将指示

ng repeat

中的每个块使用

模板URL

中定义的部分

---

当然，您还必须在控制器中定义行为，但这应该可以让您开始基本路由。

默认行为是，在点击特定url之前不会加载部分。如果您只是查看了浏览器控制台的“网络”选项卡，您可能已经知道您似乎对正在尝试的操作一无所知或者问。Angular是一个客户端应用程序框架。不是另一个jquery。考虑下面的角度教程，特别是关于路由和多视图的问题，关于你的问题：头脑评论下投票？这难道不能回答问题吗？这不像是我剽窃了教程，我链接了它

phonecatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/phones'
      });
  }]);