指令Angular JS

-4

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中实现的。

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

来源

2014-06-23 user1853128

你对某些特定的Angular代码有问题吗？这在大多数教程和文档中都有相当全面的介绍 – CodingIntrigue

在使用框架之前更好地阅读文档。这通常在官方的AngularJS教程中描述：https：//docs.angularjs.org/tutorial/step_07 – sp00m

尝试在templateURL中使用redirectTo命令。 – Manvi

听起来像你想使用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您需要包括在您的项目。

来源

2014-06-23 08:35:52 CodePrimate

回答

相关问题