在AngularJS中，从Partial中的元素的ng-click中调用指令。

Question

30 浏览2023年5月24日

匿名的 2023年4月4日

0 Comments

我有以下的HTML：

还有我的View1.html：

和View2.html：

现在，当我在按钮点击时运行HTML时，View 1的标题变成了View 2的标题，因此我的路由和GetView2（）函数调用正在工作。但我的没有通过在templateUrl中调用的View2.html进行更新。

我是AngularJS的新手，正在尝试使用ng-view和指令来处理多个视图类型的场景。我已经读到过应该避免嵌套视图并实现指令，但我不知道如何实现这样一个简单的场景。

我可以轻松地使用jQuery替换id =\"two\"的Div内容，但我正在尝试以正确的angularjs方式来完成它。

admin 更改状态以发布 2023年5月24日

0

匿名的 · Answer 1 · 2023-04-04T20:57:58+00:00

有更好的方法来实现你想要的。

首先需要避免使用：

 $('#one').hide();
 $('#two').show();

因为这是直接来自控制器的DOM操作。

你应该使用ng-show指令来显示或隐藏元素。

View 1

控制器应该是：

$scope.GetView2 = function ($scope) {
$scope.currentView='two';
}

对于你创建的指令，可以使用ng-include，例如：

并确保在此路径中有一个视图。