Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改angular js中的指令 摘要:单击按钮>>第1页->第2页_Javascript_Angularjs_Templates_Directive - Fatal编程技术网

Javascript 如何更改angular js中的指令 摘要:单击按钮>>第1页->第2页

Javascript 如何更改angular js中的指令 摘要:单击按钮>>第1页->第2页,javascript,angularjs,templates,directive,Javascript,Angularjs,Templates,Directive,我尝试创建一个页面的站点。因此,我的主页从未刷新,但内容将被更改。 这是我的主页 <button id="click"></button> <div id="main"> <page1></page1> </div> 但是我找不到如何更改指令page1->page2的解决方案。请帮助我。如果您只想有条件加载page1.html或page2.html,您可以使用ng inclu

我尝试创建一个页面的站点。因此,我的主页从未刷新,但内容将被更改。 这是我的主页

<button id="click"></button>
<div id="main">
    <page1></page1>
</div>

但是我找不到如何更改指令page1->page2的解决方案。请帮助我。

如果您只想有条件加载page1.html或page2.html,您可以使用ng includedirective

见其文件:

在您的情况下,html将是

<button id="click" ng-click="selectPage()"></button>
<div id="main" ng-include="page"></div>

您不应该对此使用指令。你可以用。哇!!!谢谢我会试试看!!!谢谢
<button id="click" ng-click="selectPage()"></button>
<div id="main" ng-include="page"></div>
$scope.selectPage = function() {
  // Decide which page to load here, for instance
  $scope.page = 'page1.html';
};