gpt4 book ai didi

javascript - angularjs 在特定状态下隐藏 ui-view

转载 作者:行者123 更新时间:2023-11-29 21:58:04 24 4
gpt4 key购买 nike

我有 Controller 和该 Controller 的模板 View 。

  • ProductCtrl => Products.html
  • SomeCrtl => Some.html
  • FooCtrl => Foo.html

我在主页上有一个ui-view

<html> 
<body>
<a href="#/product"></a>
<a href="#/some"></a>
<a href="#/foo"></a>
<div ui-view></div>
....

像这样声明配置:

app.config(["$stateProvider", function ($stateProvider) {
$stateProvider.state("product", {
url: "/product",
templateUrl: "templates/Products.html",
controller: "ProductCtrl"
});
}])

当应用程序启动时,我的最后一个 View 出现在 ui-view 上。但我希望 ui-view 应该是空的。当我单击一个链接时,应该会查看该内容。

最佳答案

尝试使用 HTML 元素包装您的 ui-view,并根据当前状态使用 ng-hide 操作隐藏它。

代码示例

<div ng-hide="$state.current.name === 'home'">
<div ui-view></div>
</div>

关于javascript - angularjs 在特定状态下隐藏 ui-view,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25384524/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com