Question

有三个html屏幕。

Screen1.html：

<button id="screenbtn"></button>

Screen2.html：

<div id="sctmpl">
  <label>Label for screen two</label>
</div>

Screen3.html：

<div id="sctmpl1">
      <label>Label for screen three</label>
    </div>

所有这些屏幕都在不同的文件夹中，但在同一个根目录下。

所以点击我需要在screen2和screen3之间切换的按钮，需要使用Angular Js来实现。

因为我已经实现了在Jquery中操作很容易，但是场景是在Angular JS中实现的。

任何人都可以通过基本演示让我知道如何实现这一目标。

Answer 1

听起来你想使用routeprovider。

angular.module('myApp', ['ngRoute']).config(function($routeProvider) {
  return $routeProvider.when('/screen1', {
    templateUrl: 'screen1.html',
    controller: 'aController'
  }).when('/screen2', {
    templateUrl: 'screen2.html',
    controller: 'bController'
  });
});

<body>
    <ul>
        <li><a ng-href="#screen1">Screen 1</a></li>
        <li><a ng-href="#screen2">Screen 2</a></li>
    </ul>
    <div ng-view></div>
  </body>

我做了一个工作示例here

请记住，为了使用ngRoute，您需要将其包含在项目中。

指令Angular JS

1 个答案: