Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.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 我的ui视图不工作？_Javascript_Angularjs - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 我的ui视图不工作？

Javascript 我的ui视图不工作？

javascript angularjs

Javascript 我的ui视图不工作？,javascript,angularjs,Javascript,Angularjs,我正在学习Angular JS，在使用ui视图时遇到了问题。 我不知道ui视图或其他什么是麻烦。但是我的导航栏没有出现。 任何帮助都必须是伟大的 index.html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <scrip

我正在学习Angular JS，在使用ui视图时遇到了问题。 我不知道ui视图或其他什么是麻烦。但是我的导航栏没有出现。 任何帮助都必须是伟大的

index.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.min.js"></script>
    <script src="app.js"></script>
</head>

<body ng-app="myApp">
    <!-- NAVIGATION -->
    <div ui-view="navbar"></div>

    <!-- MAIN CONTENT -->
    <div class="container">
        <div ui-view="content"></div>
    </div>

</body>
</html>
navbar.html

<nav class="navbar navbar-inverse" role="navigation">
    <ul class="nav navbar-nav">
        <li><a ui-sref="home">Home</a></li>
        <li><a ui-sref="about">About</a></li>
    </ul>
</nav>



    

  • 家
    • 

  • 关于
    •
救命啊

如前所述，您需要有后代状态，这样只有父级抽象状态才会被激活。请核对答案

在运行配置中，您必须通过调用
$state.go（'your.state.name'）
初始化/激活根url，或者必须使用ng route的
否则
api来激活初始状态。在这里，我对
index.html

中的内容使用了未命名视图，您的
app
状态是抽象的，但没有任何子体，因此无法访问。 
<nav class="navbar navbar-inverse" role="navigation">
    <ul class="nav navbar-nav">
        <li><a ui-sref="home">Home</a></li>
        <li><a ui-sref="about">About</a></li>
    </ul>
</nav>