如何使用AngularJs将部分页面注入主页面

Question

• 我在以下设计中有一个网页。
• 在左侧，我有导航栏，包含链接。
• 从左侧导航栏中选择链接时，应在右侧注入部分页面，即在主页面内。
• 我不想使用ui-router和ng-switch，因为它们不具备效率。
  我可以通过创建custom-directive来完成此操作吗？
  

请帮忙。

Answer 1

您可以使用toAlterFRep：

  

ng-include获取ng-include例如，如果您的控制器中有variable，您可以将其用作$scope.template = 'view.html'

<div ng-include="template"></div>

在这种情况下，我们将其用作<div ng-include="'view.html'"></div> 。

要创建类似路由器的内容，您可以使用string和ng-show来关联链接和部分之间的关系但是这根本不会更改网址，为此您可以手动设置。

这是你本地主机上的工作，我们这里没有html

ng-hide

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

app.controller("ctrl", function($scope, $filter) {

  var routes = [{
      name: "home",
      html: "home.html"
    },
    {
      name: "about",
      html: "about.html"
    }

  ]

  $scope.changeRoute = function(target) {
    $scope.target = $filter('filter')(routes, {
      name: target
    })[0];
  }
  
   $scope.changeRoute('home')

});