Question

我正在开发SPA。在侧面导航中，我添加了一些按钮，当点击这些按钮时，我希望相应地显示不同的内容。

我意识到ng-hide和show不起作用，因为按钮位于标题上，要显示的内容位于下半部分。

在这种情况下是否有解决方法？

Answer 1

使用$emit和$broadcast在子范围和父范围之间进行通信。

如果您想向儿童发送参数，请使用$broadcast：

//in parent controller
$scope.$broadcast('someEvent', params) //send params to show/hide

//in child controller
$scope.$on('someEvent', function(event, args) {
    console.log(args) //the params will be in args, use them to show/hide
})

同样，如果要从子范围与父范围进行通信，请使用$emit。

Answer 2

我实际使用ng-hide和ng-show修复它，但是这样：

<a class="tooltip-side-nav" href="#features" ng-click="show='a'" data-placement="left"></a>

<h3 class="media-heading" ng-show="show=='a'">Hello</h3>

如何在SPA的不同部分进行ng-hide和ng-show工作？

2 个答案: